The MERN stack (MongoDB, Express, React and Node.js) is one of the most common ways to build a full-stack web app with a single language, JavaScript. If you are a student or a fresher, the hard part is not finding tutorials. It is knowing what to learn first and when you are ready to move on.
This roadmap fits into four weeks of steady practice. Use it on your own, or as a checklist alongside the MERN internship.
Before week 1: the basics you need
You do not need a computer science degree. You do need:
- A laptop with a steady internet connection.
- Comfort typing and using a code editor such as VS Code.
- Basic HTML and CSS. If you can build a simple two-section page, you are ready.
Week 1: JavaScript you will actually use
Learn the parts of JavaScript that React and Node lean on every day:
- Variables, functions and arrow functions
- Arrays and objects, and the methods
map,filterandreduce - Destructuring, template strings and modules
- Promises and
async/await - Calling an API with
fetch
Build: a small page that loads a list from a public API and filters it as you type.
Week 2: React
- Components, props and state
- Handling events and forms
useEffectfor loading data- Routing between pages
- Keeping components small and reusable
Build: a task tracker or a simple product list with a search box and a detail page.
Week 3: Node, Express and MongoDB
- What a server and an API are, in plain terms
- Express routes, request and response
- Modelling data in MongoDB and reading and writing it
- Validating input and returning clear errors
- Environment variables, and why secrets never go in your code
Build: a REST API with create, read, update and delete for one resource.
Week 4: Put it together and ship it
Join the front end and the back end, add sign-in, and deploy the result. A deployed project you can open from a link is worth more in an interview than three unfinished ones on your laptop.
Build: your capstone, for example a booking app, a notes app with accounts, or a small marketplace. Write a short README that says what it does and how to run it.
How to practise so it sticks
- Type the code yourself instead of pasting it.
- After each topic, build something small without looking at the tutorial.
- When you are stuck for more than 30 minutes, write down the exact question and ask for help.
- Keep a simple log of what you built each week. It becomes your portfolio and your interview answers.
What a good capstone shows
Employers and mentors usually look for working software more than a long feature list: a clear problem, a clean interface, data that is saved, errors that are handled, and a project that is live. Read how to build a portfolio project as a fresher for ideas.
FAQ
Can a beginner learn the MERN stack in one month?
You can learn the foundations and build and deploy one complete project in a month if you practise every day. Becoming comfortable takes longer, so treat the month as a strong start and keep building afterwards.
Do I need to know React before starting?
No. This roadmap starts with JavaScript and moves to React in the second week. You should already be comfortable with basic HTML and CSS.
Which should I learn first, React or Node?
Learn JavaScript first, then React, then Node and MongoDB. Seeing something on screen early keeps you motivated, and the back end makes more sense once you know what the front end asks for.
Is the MERN stack still worth learning?
JavaScript and React are widely used for web products, and the same skills carry over to other tools. A finished project teaches you more than the choice of stack.
Is there a work-from-home MERN internship?
Yes. The Dnyx Academy MERN internship is a one-month work-from-home programme. Check the programme page for the current fee and start date.