Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
May 25, 2021 07:58 pm GMT

Social Media App Using MERN Stack

If you want to be a full-stack web developer and stuck at just beginner projects, here is the chance to improve your skills and create something real. I decided to share my 9 hours tutorial series on YouTube for free.

We are going to create a social media application from scratch. And this project is not going to include just a basic couple of methods and an unpleasant design, it's going to include a complete web API, impressive React components, and chat functionality.

Let's dive into it!

Creating Node.js Rest API

In this section, we are going to create an Express server and the MongoDB connection. You are going to learn how to create Models and Routes. And after the section, you will be able to create your own web API, login and register operations, and CRUD for users and posts.

Designing React Components

In this section, we are going to design Facebook like website using reusable React components and React Hooks.

Creating MERN Stack Social Media App

In this 3rd section, we are going to combine our Rest API and React UI design. You are going to learn real-world usage of a MERN application.

React Chat App Using Socket.io

In the final section, we are going to design a React messenger component and some additional routes in Node.js to get and post chat messages. And finally you are going to learn how to use Socket.io to send instant messages and notifications.

I hope it was useful. If you want to learn more about web development and practice with real-world projects, you can check my channel out.

Lama Dev Youtube Channel
Lama Dev Facebook
Source Code


Original Link: https://dev.to/safak/social-media-app-using-mern-stack-4ic6

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To