A modern web application built with Next.js that helps users create professional resumes quickly and easily. This project is bootstrapped with create-next-app and uses next/font to automatically optimize and load Geist, a new font family for Vercel.
- 🎨 Modern, responsive user interface
- ⚡ Easy-to-use resume creation process
- 📄 PDF export functionality
- 🎭 Customizable templates
- 👀 Real-time preview
- 🔄 Auto-save functionality
- 🌈 Multiple color themes
- 📱 Mobile-friendly design
Technology | Version | Purpose |
---|---|---|
Next.js | 15.2.0 | Frontend Framework |
React | 19 | UI Library |
Tailwind CSS | 4 | Styling |
Puppeteer | Latest | PDF Generation |
JavaScript | - | Primary Language |
CSS | - | Styling |
- Node.js (Latest LTS version recommended)
- npm, yarn, pnpm, or bun
- Clone the repository:
git clone https://github.com/Rivalcoder/Resume-Builder.git
cd Resume-Builder
- Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun install
- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
- Open http://localhost:3000 in your browser to see the application.
Script | Description |
---|---|
npm run dev |
🚀 Starts the development server |
npm run build |
🔨 Builds the application for production |
npm run start |
🏁 Starts the production server |
npm run lint |
🔍 Runs the linter |
resume-builder/
├── src/ # 📦 Source code
│ ├── app/ # 📄 Next.js app directory
│ │ └── page.js # 🏠 Main page component
│ ├── components/ # 🧩 React components
│ ├── styles/ # 🎨 CSS styles
│ └── utils/ # ⚙️ Utility functions
├── public/ # 📂 Static assets
├── .next/ # 🏗️ Next.js build output
├── node_modules/ # 📚 Dependencies
├── package.json # 📝 Project configuration
├── next.config.mjs # ⚙️ Next.js configuration
└── tailwind.config.js # 🎨 Tailwind CSS configuration
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
- Next.js
- React
- Tailwind CSS
- Puppeteer
- Vercel - For the Geist font family
Made with ❤️ by Rivalcoder