آموزش ساخت کلون اینستاگرام با MERN Stack (استفاده از MongoDB، Express، React و Node.js) - آخرین آپدیت

درس ها Lessons

• 01 lecture introduction

• 02 lecture environment and tools

• 03 lecture project initialization

• 04 lecture installing packages

• 05 lecture run an express server

• 06 lecture use environment variables

• 07 lecture atlas configuration

• 08 lecture connect to the database

• 09 lecture create schema for user

• 10 lecture create schema for post

• 11 lecture create schema for comment

• 12 lecture create schema for chat

• 13 lecture creating user controller for registration

• 14 lecture creating controller for login

• 15 lecture creating controller for logout

• 16 lecture creating controller for getting user profile

• 17 lecture creating controller for editing user profile

• 18 lecture creating controller for suggested users

• 19 lecture creating controller for follow unfollow users

• 20 lecture creating routes for all apis

• 21 lecture testing apis in postman

• 22 lecture creating post controller to add new post

• 23 lecture creating controller to get all posts

• 24 lecture creating controller to get individual user posts

• 25 lecture creating controller to like dislike posts

• 26 lecture creating controller to add comment

• 27 lecture creating controller to get comments

• 28 lecture creating controller for deleting post

• 29 lecture creating controller for bookmarking post

• 30 lecture creating controller for sending message

• 31 lecture creating controller for getting messages

• 32 lecture creating message route

• 32 lecture creating post route

• 34 lecture react vite, shadcnui and tailwindcss4 setup

• 35 lecture create signup page

• 36 lecture signup page functionality

• 37 lecture create login page

• 38 lecture create routing

• 39 lecture create left side bar menu

• 40 lecture logout functionality

• 41 lecture creating posts page

• 42 lecture creating post page part1

• 43 lecture creating single post page part 2

• 44 lecture creating comment page part 1

• 45 lecture creating comment page part 2

• 46 lecture reducx toolkit installation

• 47 lecture redux persist

• 48 lecture create post page

• 49 lecture create post page continue

• 50 lecture post api integration

• 51 lecture create post slice

• 52 lecture create custom hook to getallpost

• 53 lecture Getting and Showing Post Data from the API using Redux

• 54 lecture delete post

• 55 lecture like or dislike posts

• 56 lecture comment functionality part 1

• 57 lecture comment functionality part 2

• 58 lecture right side bar header

• 59 lecture suggested users

• 60 lecture create initial state for user profile

• 61 lecture create custom hook to fetch user profile

• 62 lecture calling the function useGetUserProfile in profile page

• 63 lecture styling profile picture

• 64 lecture adding other options

• 65 lecture adding condition for logged in user

• 66 lecture showing count for posts followers and following

• 67 lecture showing bio of user

• 68 lecture adding tabs for posts, saved and tagged

• 69 lecture display posts

• 70 lecture edit profile functionality

• 71 lecture edit profile ui

• 72 lecture chat page ui

• 73 selected user info

• 74 creating messages component

• 75 implementing socketio backend

• 76 implementing socketio frontend

• 77 Create Socket Slice in Redux

• 78 listen to all events

• 79 Check userid and socketid in console and few minor corrections

• 80 Checking for online and offline users and routing to message page

• 81 Implementing Real Time Notifications in the React Backend

• 82 working on sendMessageHandler function

• 83 Display the messages in Frontend

• 84 Connecting Backend Events to React UI (Real Time Chat)