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 m…


This content originally appeared on DEV Community and was authored by Safak

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


This content originally appeared on DEV Community and was authored by Safak


Print Share Comment Cite Upload Translate Updates
APA

Safak | Sciencx (2021-05-25T19:58:21+00:00) Social Media App Using MERN Stack. Retrieved from https://www.scien.cx/2021/05/25/social-media-app-using-mern-stack/

MLA
" » Social Media App Using MERN Stack." Safak | Sciencx - Tuesday May 25, 2021, https://www.scien.cx/2021/05/25/social-media-app-using-mern-stack/
HARVARD
Safak | Sciencx Tuesday May 25, 2021 » Social Media App Using MERN Stack., viewed ,<https://www.scien.cx/2021/05/25/social-media-app-using-mern-stack/>
VANCOUVER
Safak | Sciencx - » Social Media App Using MERN Stack. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/05/25/social-media-app-using-mern-stack/
CHICAGO
" » Social Media App Using MERN Stack." Safak | Sciencx - Accessed . https://www.scien.cx/2021/05/25/social-media-app-using-mern-stack/
IEEE
" » Social Media App Using MERN Stack." Safak | Sciencx [Online]. Available: https://www.scien.cx/2021/05/25/social-media-app-using-mern-stack/. [Accessed: ]
rf:citation
» Social Media App Using MERN Stack | Safak | Sciencx | https://www.scien.cx/2021/05/25/social-media-app-using-mern-stack/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.