Inboxfolio

Allow users to send a structured email to a designated email address, which is then parsed to the email, and a professional portfolio/resume page is generated automatically based on the content.

Comment

About the Project – Inboxfolio

🎯 Inspiration

As developers and freelancers, some of our most important conversations happen via email — job offers, project invitations, client feedback, and even rejections that helped us grow. Yet, there's no elegant way to showcase these moments professionally. Traditional resumes don’t capture them, and taking screenshots looks clunky.

That inspired me to create Inboxfolio — a modern, clean way to turn impactful emails into a professional portfolio.

💼 What it does

Inboxfolio transforms your most meaningful email conversations into a shareable, public-facing portfolio. Users can:

  • Display emails in a visually appealing grid
  • Click into each message to view clean, readable details
  • Showcase authenticity while protecting privacy
  • Use it as a live, web-based "resume" of opportunities and milestones

It’s ideal for developers, freelancers, creators, or anyone looking to present real-world validation of their work and value.

🛠️ How we built it

I built Inboxfolio entirely using Bolt during the Bolt Hackathon:

  • Frontend: React (via Bolt's AI generation), styled with Tailwind CSS
  • Backend: Auto-generated RESTful API using Node.js and SQLite
  • Hosting: Deployed with Netlify
  • Features:
    • Dark mode with system preference detection
    • SEO-optimized metadata for social sharing
    • Contact form with validation
    • Slug-based routing for shareable email detail pages
    • Safe HTML rendering with sanitization

Bolt handled most of the architecture and scaffolding, allowing me to focus on UX polish and purpose.

🧱 Challenges we ran into

  • Domain registration: I initially struggled with getting a custom domain due to billing constraints, so I opted to use the default Netlify subdomain for submission.
  • Payment verification: Free domain offers still required a payment method, which was a blocker at the time.
  • Rendering HTML safely: Ensuring email content is rendered cleanly without risking XSS was tricky — I had to use DOMPurify to sanitize input safely.

🏆 Accomplishments that we're proud of

  • Fully functional, production-ready app created within the hackathon window
  • Clean, professional UI that works across devices
  • An idea that solves a real, relatable problem in a simple and elegant way
  • Successfully leveraged Bolt to generate both the backend and frontend seamlessly

📚 What we learned

  • How to guide and collaborate with Bolt's AI to get structured, meaningful results
  • The importance of balancing AI automation with developer oversight
  • How even small, focused ideas can have a big impact when executed well
  • How to handle email rendering securely in a web app

🚀 What's next for Inboxfolio

  • Email Import: Automating the process of adding emails (e.g., via Gmail OAuth)
  • Custom Themes: Let users personalize their portfolio
  • User Accounts: Enable others to sign up and build their own Inboxfolio
  • Custom Domain Support: Easier DNS integration
  • Analytics: Track who’s viewing each message

Thanks to Bolt for making full-stack app generation smoother than ever. Inboxfolio wouldn’t have come to life this fast without it!

Built With

Share this project:

Updates