Skip to content

AKR-2803/smart-portfolio-builder

Repository files navigation

🧠 Smart Portfolio Builder

Smart Portfolio Builder turns resumes into interactive portfolio websites, helping job seekers, especially non-tech folks, showcase their skills, projects, and video pitch on one polished, shareable page.

WHY build this?

➡️ For job seekers: Forget long intros and cold DMs. Just upload your resume and boom — a sleek, interactive site that shows who you are, what you’ve built, and why you’re awesome. All in under 30 seconds. No coding. No stress. No overthinking fonts.

➡️ For recruiters: You don’t need to read a PhD thesis on “why I’m a great fit.” We get it. Just open the link — it's all there: projects, pitch, skills, vibes.

Don’t tell them you’re a great fit. SHOW THEM.

🖼️ Preview


✨ Features

  • 📝 Resume upload (PDF)
  • 📽️ Optional video introduction [First Impression Pitch]
  • 💡 AI-powered summarization using Claude 3 (AWS Bedrock)
  • 🛠️ Project link bundling (GitHub, youtube, or any other website)
  • ⚡ Clean, UI-ready output generated with React and TailwindCSS

⚙️ Architecture

architecture-image

🚀 Tech Stack

  • Frontend: React + TailwindCSS
  • Backend: Node.js + Express.js
  • Database: PostgreSQL
  • AI Integration: AWS Bedrock (Claude 3 Haiku)
  • File Uploads: Multer

🛠️ Getting Started

Follow these steps to run the project locally:

1. Clone the Repo

git clone https://github.com/AKR-2803/smart-portfolio-builder.git
cd smart-portfolio-builder

2. Setup Backend

  • Head to the backend directory, install necessary dependecies and create a .env file.
cd backend
npm install
touch .env
  • Add your AWS credentials to .env:
AWS_ACCESS_KEY_ID=your_access_key
AWS_SECRET_ACCESS_KEY=your_secret_key
  • Also set up PostgreSQL locally and create a database.

  • Run the server

npm start

OR

node server.js

2. Setup Frontend

npm install
npm run dev

Example Use

  • Visit http://localhost:5173

  • Fill in your name, email, project links

  • Upload your resume (PDF)

  • Upload a video pitch(optional)

  • Click Generate Portfolio


💡Future Plans

  • Provide multiple templates for users to choose from.
  • Auto-pull GitHub project metadata

🤝 Contributing

  • Feel free to fork, clone, and suggest improvements via pull requests! I welcome ideas around:
    • Enhanced resume parsing
    • UI design changes
    • LLM prompt engineering

⭐ If you like this project, consider giving it a star!

It helps others discover it and shows your support 🙌

About

Launch your portfolio website in a single tap.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published