Skip to content

Rivalcoder/Resume-Builder

Repository files navigation

📝 Resume Builder

Next.js React Tailwind CSS JavaScript CSS

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.

✨ Features

  • 🎨 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

🛠️ Tech Stack

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

🚀 Getting Started

📋 Prerequisites

  • Node.js (Latest LTS version recommended)
  • npm, yarn, pnpm, or bun

⚙️ Installation

  1. Clone the repository:
git clone https://github.com/Rivalcoder/Resume-Builder.git
cd Resume-Builder
  1. Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun install
  1. Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
  1. Open http://localhost:3000 in your browser to see the application.

📜 Available Scripts

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

📁 Project Structure

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

🤝 Contributing

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.

🎯 How to Contribute

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

🙏 Acknowledgments

🚀 Deploy on Vercel

Made with ❤️ by Rivalcoder

Releases

No releases published

Packages

No packages published