Social Media App Using MERN Stack
source link: https://dev.to/safak/social-media-app-using-mern-stack-4ic6
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Social Media App Using MERN Stack
May 25
・2 min read
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
Recommend
-
31
Note: The code for this MERN stack tutorial can be found here . In this tutorial we will be diving into the MERN stack which is similar to the MEAN s...
-
47
MERN Boilerplate Boilerplate for MERN stack development and production. Highlights Docker containers Using
-
19
This tutorial is all about the MERN stack. We are going to explore this popular stack and how to use it by developing a simple CRUD (create, read, update, and delete) application from scratch. Rather than focusin...
-
25
Welcome to part two of our tutorial on building a MERN stack app from scratch. In our previous post, “ MERN stack A to Z: Part 1 ,” we completed the back...
-
7
MERN Stack social media app with socket.io Apr 3 ・1 min read
-
8
Introduction The MERN stack consists of MongoDB, Express, React / Redux, and Node.js. The MERN stack is one of the most popular JavaScript stacks for building modern single-page web applications. In this tutorial, you will b...
-
15
-
13
-
10
Build A MERN Stack App in 5 Days (2 Part Series) Hello! Welcome to part 1 of the series.. Today, we will: ...
-
2
Are you tired of spending hours messing with crontabs and installing packages in an attempt to run your app locally? Are you sick of always missing a dependency that doesn't allow you to run the app and therefore you have to debug it for hours try...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK