The fastest way to learn the MERN stack (MongoDB, Express, React and Node.js) is to build real projects, each one a little harder than the last. This list gives you ten project ideas in order of difficulty, what each one teaches, and which tutorials on this knowledge base walk you through a similar build.
Start with a to-do app to learn CRUD, then add login with a blog, then third-party APIs with a weather or movie app, and finish with real-time features and payments in a chat app or online store. Build each project end to end, including deployment, before you move on. You can run the finished apps on the Domain India App Platform with a hosted MongoDB, or on a VPS where you install MongoDB yourself.
1. How to use this list
Each project adds one or two new skills to the ones before it. For every project:
- Write the API first with Express and test it with a tool such as curl, Postman or Bruno.
- Build the React front end with Vite. Create React App is deprecated; don't start new projects with it.
- Use Mongoose to define schemas and validate data before it reaches MongoDB.
- Deploy it. An app that runs only on your laptop teaches half the lesson. Deployment is where you learn about environment variables, ports, HTTPS and logs.
- Put it on GitHub with a clear README. Finished, deployed projects make a far better portfolio than a long list of half-built ones.
If you are new to the stack, read the MERN stack learning index first: it covers what to learn in which order and how to set up a modern project.
2. The ten projects at a glance
| Project | Level | Main skills you learn |
|---|---|---|
| To-do app | Beginner | CRUD, REST routes, React state, forms |
| Weather app | Beginner | Calling a third-party API, keeping API keys on the server |
| Movie watchlist | Beginner to intermediate | External API plus your own data, search, pagination |
| Blogging platform | Intermediate | Sign-up and login, protected routes, ownership checks |
| Event management | Intermediate | Dates and time zones, categories, filtering, registrations |
| Job board | Intermediate | Two user roles, file uploads, search |
| Fitness tracker | Intermediate | Aggregation queries, charts, goals |
| Online learning platform | Advanced | Nested data, progress tracking, quizzes |
| Chat app | Advanced | WebSockets, real-time updates, presence |
| E-commerce store | Advanced | Cart, orders, stock, payment gateway, webhooks |
3. Beginner projects
To-do app
The classic first project. Users create, list, update and delete tasks. You learn the four REST verbs (POST, GET, PUT or PATCH, DELETE), how Express routes map to them, and how React state and forms keep the list in sync.
Stretch goals: due dates, filters for done and pending, and drag-and-drop ordering. Follow Create a to-do list app using the MERN stack.
Weather app
Users search for a city and see current conditions and a forecast from a public weather API such as OpenWeatherMap. The key lesson is security: call the weather API from your Express server, not from React, so your API key never reaches the browser. Cache responses for a few minutes to stay inside the API's free limits.
A similar build is in Building a simple weather app, which uses MySQL instead of MongoDB; the API and React parts are the same.
Movie watchlist
Search films through a public movie database API (TMDB is popular) and let users save a watchlist in your own MongoDB collection. You learn to combine outside data with your own, to page through long result lists, and to debounce a search box so every keystroke doesn't fire a request.
4. Intermediate projects
Blogging platform
Users register, log in and write, edit and delete their own posts. This is where you learn authentication: hashing passwords with bcrypt or Argon2, keeping sessions or tokens safe, and checking on the server that only a post's author can change it. Never trust the front end to enforce that.
Guides: Designing a personal blog platform with MERN and MERN user authentication with OAuth 2.0. If you use JSON Web Tokens, read JWT security best practices.
Event management
Organisers create events; visitors browse by category or date and register. Store dates in UTC and convert them for display, add indexes for the fields you filter on, and stop registrations when an event is full. Follow Building a simple event management app with MERN, which goes all the way to deployment.
Job board
Two kinds of user: employers post jobs and review applications, job seekers search and apply with a CV. You learn role-based access control, file uploads (store files in object storage, not in MongoDB), and text search with MongoDB indexes.
Fitness tracker
Users log workouts and track progress towards goals. The new skill is the MongoDB aggregation pipeline: weekly totals, streaks and personal bests calculated on the server, then drawn as charts in React.
5. Advanced projects
Online learning platform
Instructors publish courses with lessons and quizzes; students enrol and track progress. Plan the data model carefully: which data to embed in one document and which to reference across collections. Follow Building an online learning platform with MERN.
Chat app
One-to-one and group messages that appear instantly. You learn WebSockets (Socket.IO or the plain ws library), online presence, unread counts and storing message history efficiently. See Building a chat application with an admin panel.
E-commerce store
Products, a cart, checkout and order history. This project brings everything together and adds money, so correctness matters: recalculate prices on the server, reduce stock safely when two people buy the last item, and confirm payments through the gateway's webhook, never through a redirect alone. For Indian payments, see Razorpay integration in PHP and Node.js.
MongoDB suits flexible, document-shaped data such as posts, profiles and chat messages. For orders, invoices and stock, a relational database such as PostgreSQL is often a better fit, and Express and React work the same way with it. See Choosing between PostgreSQL, MySQL, SQLite and MongoDB.
6. Skills to add to every project
- Validation on the server for every input, with a library such as Zod or Joi.
- Security basics: Helmet headers, CORS limited to your own front end, rate limits on login, secrets in environment variables. Read OWASP Top 10: practical defence for PHP and Node.js.
- Tests for the API routes that matter most.
- Error handling and logs you can read after deployment.
7. Running your MERN projects on Domain India
| Option | Node.js app | MongoDB |
|---|---|---|
| App Platform | Detected automatically; deploy with Deploy Now or a deploy token | Not included (PostgreSQL is); use a hosted MongoDB such as Atlas |
| VPS | You install and run it | You install and run it yourself |
| cPanel or DirectAdmin shared hosting | The panel's Node.js tool, for small apps | Not reachable from shared hosting |
MongoDB is not available from shared hosting: the outgoing firewall on our shared servers doesn't allow MongoDB's port, so a shared-hosted app can't reach Atlas either. Use the App Platform with a hosted MongoDB (test the connection from your deployed app), or a VPS, which is self-managed and comes without a control panel. Your app must listen on the PORT environment variable on the App Platform; see Deploy your first app on the App Platform. For the chat app, ask support before you rely on WebSockets on the App Platform; on a VPS you configure them yourself.
- 512 MB RAM per app
- 1 vCPU
- 5 GB NVMe SSD
- PostgreSQL Database
- 1 vCPU
- 2 GB DDR4 RAM
- 64 GB NVMe SSD Storage
- 2 TB Monthly Bandwidth
Card prices are Domain India list prices on 19 September 2026, excluding 18% GST.
Frequently asked questions
What is a good first MERN stack project?
A to-do app. It teaches create, read, update and delete operations, Express routes, Mongoose models and React state, without the extra complexity of logins or outside APIs.
How many MERN projects do I need for a portfolio?
Three or four finished, deployed projects of rising difficulty are worth more than many unfinished ones. A good set is a CRUD app, an app with login, one that uses an outside API and one with real-time features or payments.
Should I use Create React App for MERN projects?
No. Create React App is deprecated. Use Vite to create the React front end, or a framework such as Next.js if you need server rendering.
Where should I keep API keys in a MERN app?
On the server, in environment variables. Call third-party APIs from your Express backend and send only the results to React, so the key never appears in the browser.
Can I host a MERN app on Domain India?
Yes. The App Platform detects Node.js apps automatically and serves them over HTTPS; pair it with a hosted MongoDB such as Atlas. On a VPS you can install Node.js and MongoDB yourself.
Can a MERN app on shared hosting connect to MongoDB Atlas?
No. The outgoing firewall on Domain India shared hosting doesn't allow MongoDB's port, so use the App Platform or a VPS for apps that need MongoDB.
Ready to build? Start with the to-do app tutorial, then deploy it on the App Platform or a VPS.
The App Platform detects Node.js apps automatically and serves them over HTTPS with no servers to manage.
See App Platform plans