Easy Resume

A modern, responsive resume builder with dark mode support

View Demo | Documentation | Report Bug | Request Feature

Note

Node.js >= 18 required

Create your professional resume in minutes with Easy Resume - a modern, responsive resume builder featuring dark mode support and seamless Vercel deployment.

✨ Features

• 📱 Responsive Design - Perfect viewing on all devices
• 🌓 Dark/Light Mode - Automatic theme detection with manual toggle
• 🎨 Customizable - Easy to modify colors, fonts, and layout
• 📝 Type-Safe - Built with TypeScript for reliable customization
• 🚀 One-Click Deploy - Instant deployment to Vercel
• ♿ Accessible - WCAG 2.1 compliant
• 🎯 SEO Optimized - Best practices for visibility

🚀 Quick Start

Deploy Your Own

Deploy your own version of Easy Resume with Vercel:

Local Development

1. Clone the repository

git clone https://github.com/ChanMeng666/easy-resume.git
cd easy-resume

2. Install dependencies

npm install
# or
yarn install

3. Start development server

npm run dev
# or
yarn dev

4. Open http://localhost:3000

🎨 Customization

Basic Customization

1. Edit Your Information
   • Open src/data/resume.ts
   • Update the resumeData object with your information
   • The TypeScript interface will guide you through available fields

export const resumeData: ResumeData = {
  basics: {
    name: "Your Name",
    label: "Your Title",
    email: "[email protected]",
    // ... other fields
  },
  // ... other sections
};

2. Modify Colors
   • Open globals.css
   • Update CSS variables to match your preferred color scheme
   • Changes will apply to both light and dark modes

Advanced Customization

1. Layout Modifications

   • Components are in src/components/
   • Each section (Education, Work, etc.) can be modified independently
   • Tailwind classes make styling changes easy

2. Adding New Sections

   • Create a new component in src/components/
   • Add the component to page.tsx
   • Update the ResumeData interface in resume.ts

🌐 Deployment

Deploy to Vercel

1. Fork this repository
2. Create a new project on Vercel
3. Connect your forked repository
4. Deploy!

Tip

Enable automatic deployments to update your resume with every push

Other Hosting Options

You can also deploy to other platforms:

1. Static Export

npm run build
npm run export

2. Docker

docker build -t easy-resume .
docker run -p 3000:3000 easy-resume

🛠️ Tech Stack

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

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

📄 License

Distributed under the MIT License. See LICENSE for more information.

📧 Contact

Chan Meng

• Website: chanmeng.live
• GitHub: @ChanMeng666
• LinkedIn: chanmeng666

💖 Acknowledgments

• Next.js
• Tailwind CSS
• Vercel

---

⭐️ If you find this project useful, please consider giving it a star!
Made with ❤️ by Chan Meng