DEV Community

Cover image for Social Media App Using MERN Stack
Safak
Safak

Posted on • Updated on

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.

Realtime Chat App Using Socket.io

I separated this part.
⚡️ Go to the messenger part

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.

📹 Full Stack Youtube Clone (5 Hours free tutorial)
🛍️ Full Stack E-Commerce App (+8 Hours free tutorial)
📺 Full Stack Netflix App (+7 Hours free tutorial)

🔥 Lama Dev Youtube Channel
⚡️ Lama Dev Facebook
👾 Source Code

Top comments (1)

Collapse
 
ogeedeveloper profile image
omaro grant

Great work bro, looks really nice