MyFolio

Inspiration

MyFolio is inspired by the challenge many professionals face when creating an online portfolio. The traditional process of building a portfolio website requires design skills, coding knowledge, and significant time investment. Our project aims to simplify this process by automating portfolio creation from existing resume data.

What it does

MyFolio is a web application that:

1. Allows users to upload their resume (PDF format)
2. Uses AI to parse and extract relevant information from the resume
3. Automatically generates a professional portfolio website
4. Provides an editor to customize the portfolio (profile picture, education logos, project images, etc.)
5. Enables users to share their portfolio with a unique URL

How we built it

• Frontend: Next.js 15 with React 19, TypeScript, and Tailwind CSS for styling
• Backend: Convex for backend services and database
• Authentication: Clerk for user authentication
• AI Processing: DeepSeek API (similar to OpenAI) for resume parsing and data extraction
• File Storage: Convex storage for handling uploaded files and images
• UI Components: Shadcn UI

Challenges we ran into

• Resume upload and parsing via API routes
• Customization through a sidebar editor interface

Accomplishments that we're proud of

• Accurately parsing different resume formats and extracting structured data
• Managing file uploads and storage efficiently
• Creating a responsive and user-friendly interface
• Implementing real-time updates for portfolio customization
• Handling various edge cases in resume data

What we learned

• Working with AI APIs for document processing
• Building a seamless file upload and processing pipeline

What's next for Myfolio

• Additional portfolio templates and customization options
• Enhanced AI capabilities for better resume parsing
• Integration with professional networking platforms
• Analytics to track portfolio views and engagement

Built With

• convex
• nextjs
• react
• shadcn
• tailwind