MakeMyPortfolio

Inspiration

As a student, I realized that many of our peers struggled to create personal portfolios due to lack of design skills or coding knowledge. We wanted to build a tool that makes professional portfolios accessible to everyone — especially students and early-career professionals — in just a few clicks.

What it does

MakeMyPortfolio is a web-based portfolio generator that allows users to:

• Fill out a simple form with their personal details, projects, skills, and achievements
• Instantly generate a clean, professional portfolio webpage

How we built it

• Frontend: HTML, CSS, and JavaScript for the first version. We used Tailwind CSS for faster and responsive styling.

Challenges we ran into

• Designing a layout that is both professional and flexible for different types of content
• Managing form data dynamically and updating the preview in real time using JavaScript
• Implementing PDF generation while maintaining formatting consistency

Accomplishments that we're proud of

• Built a functional portfolio generator within 5 days
• Helped peers create their first portfolio without writing any code
• Learned how to manage user input and dynamically generate content on the web

What we learned

• Deeper understanding of form handling and DOM manipulation in JavaScript
• Importance of responsive design and accessibility

What's next for MakeMyPortfolio

• Add support for multiple design templates
• User login system to save and update portfolios
• Integration with GitHub to import projects automatically
• Mobile-friendly layout improvements
• Option to generate resumes as well

Built With

• css3
• html2pdf.js
• html5
• javascript