MERN Projects for Beginners: Create Five Social Web Apps Using MongoDB, Express.js, React, and Node

MERN Projects for Beginners: Create Five Social Web Apps Using MongoDB, Express.js, React, and Node

Learn how to use the MERN stack (MongoDB, Express.js, React, and Node) to build five fully functioning web apps for dating, video sharing, messaging, and social media. While creating these web apps, you’ll learn key development concepts including how to use React hooks, Redux, MongoDB, Express, Heroku, Firebase, Material UI, and Google authentication. By expanding your portfolio with the projects you create, you will be well equipped as front-end developer.

You will first create a dating site with a swiping feature and chat functionality. You will then build a video sharing app with videos displaying vertically. Next, you will learn to build an awesome messaging web app. Users will be able to chat in real time, as well as log in to their account using Google authentication. You will also create a photo sharing app and social media web apps with the ability to post images with captions and log in using email and password authentication.

Most MERN tutorials out there today cover basic web apps but it is capable of so much more – learn how to use this stack to its full potential and build projects that can be converted into full scaled start-ups with additional features. 

What You’ll Learn

  • Work with React hooks and React router
  • Examine powerful MongoDB services for easy to use and setup
  • Create routes using Node and host on Heroku
  • Study different authentication techniques
  • Deploy all sites using simple Firebase hosting
  • Use the powerful React ecosystem to add functionalities to your apps

Who This book Is For

Those who have just started their career in web development and have basic knowledge of the core web technologies: HTML, CSS, and JavaScript. Those with basic React development and feel ready to explore its capabilities further. 

More about the author

Nabendu Biswas, Nabendu Biswas is a full stack JavaScript developer who has been working in the IT industry for the past 16 years and has worked for some of the world’s top development firms and investment banks. He is a passionate tech blogger who publishes on and and on He is an all-round nerd, passionate about everything JavaScript, React and Gatsby. You can find him on Twitter @nabendu82.

All content is for demonstration purposes, we do not store files, please purchase the printed version of the magazine after reading.