MERN Stack Instagram Clone using mongo, express, react, node
Tech Vista
Schau dir diesen Kurs und Tausende anderer Kurse an
Schau dir diesen Kurs und Tausende anderer Kurse an
Einheiten dieses Kurses
-
-
1.
01 lecture introduction
2:25
-
2.
02 lecture environment and tools
3:39
-
3.
03 lecture project initialization
3:58
-
4.
04 lecture installing packages
2:17
-
5.
05 lecture run an express server
13:17
-
6.
06 lecture use environment variables
2:58
-
7.
07 lecture atlas configuration
6:44
-
8.
08 lecture connect to the database
6:57
-
9.
09 lecture create schema for user
7:44
-
10.
10 lecture create schema for post
3:53
-
11.
11 lecture create schema for comment
2:58
-
12.
12 lecture create schema for chat
4:47
-
13.
13 lecture creating user controller for registration
7:49
-
14.
14 lecture creating controller for login
12:35
-
15.
15 lecture creating controller for logout
2:08
-
16.
16 lecture creating controller for getting user profile
4:48
-
17.
17 lecture creating controller for editing user profile
25:59
-
18.
18 lecture creating controller for suggested users
4:56
-
19.
19 lecture creating controller for follow unfollow users
10:48
-
20.
20 lecture creating routes for all apis
10:09
-
21.
21 lecture testing apis in postman
22:39
-
22.
22 lecture creating post controller to add new post
19:22
-
23.
23 lecture creating controller to get all posts
7:43
-
24.
24 lecture creating controller to get individual user posts
5:24
-
25.
25 lecture creating controller to like dislike posts
5:43
-
26.
26 lecture creating controller to add comment
6:48
-
27.
27 lecture creating controller to get comments
6:03
-
28.
28 lecture creating controller for deleting post
7:32
-
29.
29 lecture creating controller for bookmarking post
8:02
-
30.
30 lecture creating controller for sending message
10:15
-
31.
31 lecture creating controller for getting messages
4:34
-
32.
32 lecture creating message route
2:53
-
33.
32 lecture creating post route
13:46
-
34.
34 lecture react vite, shadcnui and tailwindcss4 setup
8:51
-
35.
35 lecture create signup page
8:39
-
36.
36 lecture signup page functionality
21:11
-
37.
37 lecture create login page
7:27
-
38.
38 lecture create routing
15:15
-
39.
39 lecture create left side bar menu
13:12
-
40.
40 lecture logout functionality
6:15
-
41.
41 lecture creating posts page
5:45
-
42.
42 lecture creating post page part1
11:12
-
43.
43 lecture creating single post page part 2
12:58
-
44.
44 lecture creating comment page part 1
18:20
-
45.
45 lecture creating comment page part 2
4:51
-
46.
46 lecture reducx toolkit installation
11:21
-
47.
47 lecture redux persist
8:30
-
48.
48 lecture create post page
16:27
-
49.
49 lecture create post page continue
14:07
-
50.
50 lecture post api integration
13:59
-
51.
51 lecture create post slice
3:35
-
52.
52 lecture create custom hook to getallpost
8:33
-
53.
53 lecture Getting and Showing Post Data from the API using Redux
27:00
-
54.
54 lecture delete post
12:51
-
55.
55 lecture like or dislike posts
21:54
-
56.
56 lecture comment functionality part 1
16:44
-
57.
57 lecture comment functionality part 2
24:22
-
58.
58 lecture right side bar header
10:38
-
59.
59 lecture suggested users
14:52
-
60.
60 lecture create initial state for user profile
5:06
-
61.
61 lecture create custom hook to fetch user profile
4:01
-
62.
62 lecture calling the function useGetUserProfile in profile page
4:37
-
63.
63 lecture styling profile picture
3:02
-
64.
64 lecture adding other options
3:16
-
65.
65 lecture adding condition for logged in user
7:29
-
66.
66 lecture showing count for posts followers and following
2:30
-
67.
67 lecture showing bio of user
4:21
-
68.
68 lecture adding tabs for posts, saved and tagged
7:50
-
69.
69 lecture display posts
13:36
-
-
- --
- Anfänger-Niveau
- Fortgeschrittenes Niveau
- Fortgeschrittenes Niveau
- Jedes Niveau
Von der Community generiert
Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.
2
Teilnehmer:innen
--
Projekte
Über diesen Kurs
This course offers a complete, in-depth look at modern web development using the MERN stack. By the end, you'll have a fully functional Instagram clone and the skills to build and manage your own web projects. Plus, you'll gain insights into best practices for both frontend and backend development, making you a versatile and valuable developer in today's job market.
Core Features Explained:
-
Authentication & Authorization: Establish secure login mechanisms and manage user permissions effectively.
-
Login: Integrate JWT token authentication process.
-
Engagement Features: Engage your audience with likes, dislikes, follow/unfollow options, and a dynamic commenting system.
-
Chat: Manage chats and message, categorize pages, and implement Socket Io for real-time like.
-
Community Building: Use creator rankings to promote a competitive atmosphere and user dashboards for customized experiences.
-
Deployment: We will Deploy Our App on Render.
-
Security Features: Implement login and registrations functionality. Manage users & user roles.
Who This Course Is For:
-
Aspiring MERN Stack Developers: Ideal for those looking to master the MERN stack by developing a comprehensive blog project.
-
Web Developers: Suitable for web developers aiming to advance their skill set with sophisticated features and functionalities within the MERN ecosystem.
-
Tech Enthusiasts: Perfect for technology enthusiasts eager to explore the development of modern web applications with social features, content management, and monetization strategies.
This course is meticulously crafted to guide you through building a feature-rich blog application, ensuring you gain hands-on experience with essential web development practices and technologies.
Praxisnahes Kursprojekt
You will create a project with following features:
-
Authentication & Authorization
Implement secure login and registration with JWT-based authentication and robust user access control.User Engagement Features
Integrate social features like likes, dislikes, follow/unfollow, and an interactive commenting system.Community Building Tools
Encourage user interaction with creator rankings and personalized user dashboards.Deployment
Learn how to deploy your full-stack application seamlessly on Render.
Kursbewertung
Warum lohnt sich eine Mitgliedschaft bei Skillshare?
Nimm an prämierten Skillshare Original-Kursen teil
Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen
Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare
Lerne von überall aus
Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.
Ähnliche Kurse
