ReactPortfolio

ResuMeUp — React Portfolio Template

By Harmeet03

ResuMeUp is a resume builder website based on the MERN stack, supporting live preview, multiple theme switching, and PDF export, with code under the MIT license.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

React-based dynamic resume form that updates the preview as you type

Supports exporting resumes as PDF files

Includes two built-in themes: Professional and Minimal

Uses JWT for user authentication and distinguishes user and admin role interfaces

Separated frontend and backend MERN structure, with code released under the MIT license

Template Details

ResuMeUp is a resume builder portfolio project. The frontend uses React, the backend is based on Node.js, Express, and MongoDB, and JWT is used for user authentication. After logging in, users can fill in resume content in a dynamic form, the page provides a live preview, and resumes can be exported as PDF files. The project includes two built-in themes, Professional and Minimal, features a responsive design, and distinguishes access interfaces by user and admin roles.

The repository uses a separated client and server directory structure, with a .env configuration file in the root directory. The README does not provide detailed local installation and startup steps. Actual deployment requires configuring environment variables such as the MongoDB connection and JWT secret yourself, and starting the frontend and backend services separately.

The project code is released under the MIT license, allowing free use, modification, commercial use, and distribution, but third-party assets such as demo images, fonts, and icons need to be checked separately for licensing, and external services such as domains, hosting, and databases may also incur costs.

ReactPortfolio

Is it right for your project?

Use Cases

As a React + Node.js full-stack project reference to learn how form state and live preview are linked
Build a resume filling and export tool for personal or internal team use
Extend resume templates or the export flow on top of an existing MERN project
Use for teaching demonstrations of JWT authentication and how role-based permission interfaces are organized

Suitable For

Developers familiar with React and Node.js who want to reference a full-stack project structure
Individuals or small teams needing a self-deployable resume building tool
Frontend learners who want to study the implementation of live preview and PDF export

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
The repository is divided into client and server directories; dependencies must be installed and services started separately
2
Environment variables such as MongoDB connection information and the JWT secret must be configured in the root .env file
3
The README does not provide complete installation and startup commands; confirm how the frontend and backend run before deployment
4
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses
5
External services such as domains, hosting, and databases may incur additional costs

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/Harmeet03/ResuMeUp/blob/main/LICENSE https://github.com/Harmeet03/ResuMeUp/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 83 / 100
Technologies: React
Website type: Portfolio

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2026-07-06
Screenshot last checked: 2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies React as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15

Inspect the recorded source material

SHA-256: e341b5e167da06896a51f946d8824e684c7857a79c0bcec35ea8424f6578b28e

2026-10-13T01:14:36.451Z

Source file / repository

# 🧾 ResuMeUp (Resume Builder)

Create a professional resume and personal in minutes with live preview, customizable fields, and instant PDF export. Built using the MERN stack (MongoDB, Express.js, React, Node.js).
Build ATS-friendly resumes in minutes with ResuMeUp. Live preview, multiple themes, and instant PDF download — no design skills needed.

---

## 🚀 Features 

- 🔐 **User Authentication** (JWT-based)
- 📝 **Dynamic Resume Builder** with live preview
- 📄 **Instant PDF Export**
- 🎨 Clean, responsive UI & multiple themes (Professional & Minimal)
- Role-Based Access Control: User role based interfaces (user, admin)

---

## 🧰 Tech Stack

**Frontend**  
- React.js  
- Tailwind CSS / CSS Modules  
- Axios  

**Backend**  
- Node.js  
- Express.js  
- MongoDB + Mongoose  
- JWT for auth  

---

## 📁 Project Structure

ResuMeUp/

├── client/ # React frontend <br/>
├── server/ # Express backend </br>
├── .env <br/>
└── README.md <br/>

📄 License
MIT

## 🎞️ Preview
<img width="1897" height="973" alt="image" src="https://github.com/user-attachments/assets/cbfecc3c-4d28-409e-8cd3-22647ebb23fb" /> <br/>

https://resumeup-app.vercel.app/

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

react-portfolio-template

A React-based developer portfolio template for showcasing projects, work history, and skills. It offers a multi-component layout, dark and light modes, and responsive mobile adaptation, with text and images editable in src/components.

React · Portfolio

personal-website-react

A single-page developer portfolio template built with React and Material-UI, driven by a JSON Resume-compliant resume.json. It offers light/dark theme switching with localStorage persistence, a clean responsive layout, and Create React App tooling for simple builds and static deployment.

React · Portfolio

karngyan.com

A personal website and blog template for developers, built with TanStack Start, React 19, Tailwind CSS v4, and shadcn/ui. It uses MDX for articles with Shiki highlighting and GFM tables, and automatically generates RSS, sitemap, robots.txt, llms.txt, and OG images.

React · Portfolio

react-portfolio-template

A React portfolio template by Ryan Balieiro with a fixed sidebar and page-turn transitions on desktop, bottom navigation on mobile, multilingual support, light/dark themes, and content components for experience, education, skills, projects, and testimonials.

React · Portfolio

portfolio

A data scientist personal portfolio template built with React and MUI, with content centrally managed through configuration files in the assets directory.

React · Portfolio

react-portfolio

A React 16 and Material-UI developer portfolio template that centralizes personal information in a JSON Resume-compliant resume.json, with light/dark theme switching saved to local storage. It currently provides portfolio display only; resume page templates and structured data enhancements are still planned.

React · Portfolio