Resume Box

Inspiration

What it does

🚀 Inspiration As developers, creating a clean and personalized portfolio or resume site often involves repetitive setup, hosting issues, and design roadblocks. We wanted to simplify that — so anyone, from beginners to seasoned devs, can launch a beautiful online portfolio in seconds without worrying about code or deployment.

💡 What it does Resume Box is a one-stop solution to generate, preview, download, and deploy personalized developer portfolios. Users input their information — name, skills, projects, and more — and Resume Box converts it into a fully responsive HTML portfolio. With a single click, the site is deployed live to Vercel, giving users a shareable link in seconds.

🛠️ How we built it Frontend: Built with React, providing an intuitive UI for input and preview.

HTML Generator: Converts user data into styled HTML using a dynamic template system.

Deployment: Integrates with the Vercel API to deploy static files instantly.

State Management: React hooks for managing input, preview state, and deployment responses.

Styling: TailwindCSS and custom themes for a clean, modern look.

🧩 Challenges we ran into Ensuring Vercel deployment worked smoothly with raw HTML (without frameworks).

Handling asynchronous deployment responses and accurately showing deployment success or failure in the UI.

Designing a generic HTML structure flexible enough to adapt to various user inputs while remaining elegant.

🏆 Accomplishments that we're proud of Achieved seamless deployment via the Vercel API — no git, no config files, just one click.

Created a polished user experience with live previews and instant copy/share functionality.

Made it beginner-friendly while offering professional output.

📚 What we learned Deep understanding of Vercel’s API and deployment flow.

Importance of UX in form-based applications.

Handling and debugging edge cases in real-time API integrations.

🔮 What's next for Resume Box Add support for custom domains and GitHub integration.

Introduce multiple themes and layout templates.

Enable PDF resume export and automatic syncing with LinkedIn/GitHub.

User accounts with cloud-based portfolio history and update

How we built it

Challenges we ran into

Accomplishments that we're proud of

What we learned

What's next for Resume Box

Built With

• bolt.new
• typescript
• vercel