This repository contains 10 beginner-to-intermediate level projects built using the MERN stack (MongoDB, Express, React, Node.js) or front-end-focused prototypes. Each project demonstrates different skills in full-stack or frontend development, such as CRUD operations, API integration, state management, and responsive design.
💡 Ideal for developers looking to build a strong portfolio or learn by doing!
NOTE: UI may resemble design already present online. Code is purely written by me
| No. | Project Name | Description |
|---|---|---|
| 1 | Todo List | A simple task manager app with add, edit, and delete tasks. |
| 2 | Weather App | Weather search app using external weather API. |
| 3 | Movie Search App | Movie info finder using the OMDB API. |
| 4 | SignIn/SignUp | User authentication UI with React forms. |
| 5 | Money Tracker | Expense tracking app with category breakdown. |
| 6 | Blog App | Create and view blog posts (basic CRUD). |
| 7 | Travel Page | Landing page design for a travel agency. |
| 8 | Quiz App | MCQ quiz game with score tracking. |
| 9 | Notes App | Take, edit, and delete notes in a simple UI. |
| 10 | Music Player | Play/pause music with UI controls. |
- Frontend: React, HTML5, CSS3, Bootstrap, JavaScript
- Backend (where applicable): Node.js, Express
- Database (where applicable): MongoDB
- Tools: Git, GitHub, VSCode, API integrations
To run any project locally:
-
Navigate into the desired project folder:
cd "Project 01"
-
Install dependencies (if
package.jsonexists):npm install
-
Start the development server:
npm start
-
Visit
http://localhost:5000in your browser.
- Enhance MERN development skills
- Practice real-world app building
- Build a showcase-ready developer portfolio
MERN-Projects/
├── Project 01/ # Todo List
├── Project 02/ # Weather App
├── Project 03/ # Movie Search App
├── Project 04/ # Sign In/Sign Up
├── Project 05/ # Money Tracker
├── Project 06/ # Blog App
├── Project 07/ # Travel Landing Page
├── Project 08/ # Quiz App
├── Project 09/ # Notes App
├── Project 10/ # Music Player
└── README.md
Yuvraj Gupta 🔗 GitHub Profile
This project is licensed under the MIT License.
🔥 Star this repository if you found it useful and feel free to contribute or fork!