English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 391 lectures (108h 11m) | 73.77 GB
The only project based course you will ever need. Get access to all kinds React.js projects that you can think of.
Master Modern Web Development: 20+ Real-World Projects Using Today’s Most Popular Technologies
Dive into a comprehensive, hands-on web development journey with this extensive 100+ hour course. You’ll build more than 20 real-world projects while learning the most in-demand technologies used by top companies worldwide.
Starting with the fundamentals, you’ll master React.js for building dynamic user interfaces, and Node.js for powerful backend development. The course covers TypeScript to bring type safety to your JavaScript code, making your applications more robust and maintainable. You’ll learn how to manage complex state with Zustand, and build lightning-fast applications with Next.js.
Database management is thoroughly covered with both SQL and NoSQL solutions, including PostgreSQL and MongoDB. You’ll gain practical experience with GraphQL for efficient API development, and master Go programming for high-performance backend services.
The course includes extensive coverage of modern development tools and practices:
- Express.js for building RESTful APIs
- Python for versatile backend development and automation
- PostgreSQL for reliable data storage
- Redis for high-performance caching
- Docker for containerization
- Stripe for payment processing
- Authentication and authorization best practices
What sets this course apart is its project-based approach. Instead of just learning theory, you’ll build real-world applications that you can add to your portfolio. Each project introduces new concepts while reinforcing previous learning, helping you develop a deep understanding of how different technologies work together in modern web applications.
By the end of this course, you’ll be confident in building full-stack applications using industry-standard tools and practices. Whether you’re aiming to become a professional developer or enhance your current skill set, this course provides the practical experience you need to succeed in today’s competitive tech landscape.
Perfect for both beginners and intermediate developers looking to expand their toolkit with modern web development technologies. All concepts are explained in simple, clear English, making complex topics accessible to learners from all backgrounds.
What you’ll learn
- Build real-world applications like Spotify, Tinder, Linkedin, Netflix & Twitter clones
- Master MERN Stack development from fundamentals to advanced concepts
- Implement authentication, real-time chat, and payment systems
- Create full-stack applications using Next.js, GraphQL, Node.js and React
- Develop professional e-commerce platforms with Stripe integration
- Create responsive admin dashboards
- Master modern authentication and authorization techniques
- Learn React integration with Go and Python
- Learn how to deploy any kind of application
Table of Contents
Before Getting Started Watch This Short Section
1 WELCOME, WELCOME, WELCOME!
2 When You Get Stuck What Should You Do My Advice
3 Our Free Learning Community
4 My VSCode Setup & Extentions
MERN Crash Course – Full Stack Project & Deployment – Build a Product Store
5 Project Preview
6 SOURCE CODE
7 Project Setup – Server
8 Building Our API
9 Chakra UI Setup
10 Navbar and Create Page
11 Zustand Store & Create Page Implementation
12 Home Page
13 Deployment for Free
Full Stack Real Time Chat App with Image Uploads – Socket.io, JWT, TailwindCSS
14 Project Preview
15 SOURCE CODE
16 Project Setup – Backend
17 Database Setup
18 Signup – Backend
19 Login & Logout & Update Profile – Backend
20 Message Routes
21 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
22 Frontend Setup
23 Login & Signup Pages – Frontend
24 Profile Page
25 Settings Page
26 Sidebar
27 Chat Container
28 Socket.io Explanation & Implementation
29 Deployment
Beginner Friendly Real Time Chat App WITHOUT Image Uploads
30 Project Preview
31 SOURCE CODE
32 Backend Setup
33 DB Setup & Signup Route
34 Login & Logout Routes
35 Message Routes
36 User Routes
37 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
38 Frontend Auth Pages UI Design
39 Home Page UI Design
40 Auth Implementation
41 Get Conversations
42 Send Message Functionality
43 Socket Implementation
44 Deployment
Complete Spotify Clone – Super Detailed & Featured – ADVANCED PROJECT
45 Project Preview
46 SOURCE CODE
47 Frontend & Auth Setup
48 Routes Setup
49 Database Setup & Signup Logic
50 Protect Route Middleware
51 Admin Routes & Controllers
52 Album Routes & Controllers
53 Song Routes & Controllers
54 User Routes & Controllers
55 Creating Auth Provider & Callback Page
56 Main Layout & Left Sidebar
57 Creating Album Page
58 Creating Friends Activity
59 Creating Home Page
60 Play Song Functionality & Queue
61 Play button Component
62 Playback Controls
63 Admin Page (Create Songs)
64 Admin Page (Create Albums)
65 Implementing Socket.io for Realtime Features
66 Chat Page UI
67 Custom 404 Page
68 Deployment
Full Stack Twitter Clone with Likes, Comments, Images & MORE
69 Project Preview
70 SOURCE CODE
71 Course Outline
72 Project Setup
73 Auth Routes & Controllers
74 User Routes & Controllers
75 Post Routes & Controllers
76 Notification Routes & Controllers
77 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
78 UI Design
79 Protecting Route in Frontend
80 Get Posts in Home Page
81 Delete Posts
82 Create Posts
83 Get Suggested Users
84 Follow & Unfollow Users
85 Like Post
86 Comment Functionality
87 Notifications Page
88 Profile Page
89 Update User Profile
90 Code Optimizations
91 Deployment for Free
Full Stack E-Commerce Store with Admin Dashboard – ADVANCED PROJECT
92 Project Preview
93 SOURCE CODE
94 Backend Setup
95 Database Setup
96 Authentication – Access & Refresh Tokens
97 Product Routes
98 Cart Routes
99 Coupon Routes
100 Payment Routes
101 Analytics Routes
102 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
103 Frontend Setup with React
104 Signup Page UI Design
105 Login Page & Auth Implementation
106 Home Page
107 Admin Dashboard
108 Category Page
109 Building Cart Store
110 Cart Page
111 Stripe Payments
112 Creating Coupons
113 Analytics UI
114 Featured Products Slider
115 Axios Interceptors to Refresh Tokens
116 Deployment
Build an Advanced Authentication System – Emails, Reset Password, Verify Account
117 Project Preview
118 SOURCE CODE
119 Backend Setup
120 Database Setup – MongoDB
121 Signup Endpoint
122 Sending Email – Verify Account
123 Verify Email & Welcome Email & Logout
124 Login Endpoint
125 Forget Password
126 Reset Password & Check Auth Endpoints
127 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
128 Frontend Setup
129 Signup Page UI
130 Login Page UI
131 Email Verification Page UI
132 Implementing Signup
133 Email Verification & Protecting Routes
134 Implementing Login & Dashboard Page
135 Implementing Forgot Password
136 Super Detailed Deployment
Full Stack Tinder Clone with Realtime Messaging Feature
137 Project Preview
138 SOURCE CODE
139 Backend Setup
140 Database Setup & Sign Up Endpoint
141 Login & Logout & Check Auth Endpoints
142 User Routes
143 Match Routes
144 Message Routes
145 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
146 Frontend Setup with React & Tailwind
147 Authentication Page
148 Profile Page
149 Home Page – Sidebar Component
150 Completing Our Home Page
151 SocketIO Explanation & Realtime Notifications
152 Chat Page & Realtime Messages
153 Deployment
MERN Stack Netflix Clone – Responsive & Nice UI
154 Project Overview
155 SOURCE CODE
156 Backend Setup
157 Database Setup (MongoDB)
158 Signup Logic in Backend
159 Generate JWT
160 Logout & Login & A quick recap
161 Fetching Movies
162 Fetching TV Shows
163 Protect Route Middleware
164 Search Routes
165 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
166 Frontend Setup
167 Signup & Login Page UI Design
168 Auth Screen UI Design
169 Signup & Login & Logout Functionality
170 Home Screen
171 Watch Page
172 Search Page
173 History Page
174 Custom 404 Page & Small Fixes
175 Deployment
Linkedin Clone with React Query & Sending Emails
176 Project Preview
177 SOURCE CODE
178 Backend Setup
179 Signup Route
180 Sending Welcome Emails
181 Login & Logout & Protect Route
182 User Routes
183 Post Routes
184 Comment Notification Email
185 Notification Routes
186 Connection Routes
187 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
188 Frontend Setup
189 Signup Page
190 Protect Route in React
191 Navbar
192 Login Page
193 Home Page – Part 1
194 Home Page – Part 2
195 Notifications Page
196 Network Page
197 Single Post Page
198 Profile Page
199 Deployment
Full Stack Github Clone – Auth with Passport.js
200 Project Preview
201 SOURCE CODE
202 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
203 UI Design with Tailwind CSS
204 Get User Profile & Repos
205 Search Profile
206 Explore Page
207 Server Setup
208 DB Setup & Authentication
209 Like Profile & Get Likes
210 Deployment
GraphQL Crash Course – Build and Deploy a Full Stack Project
211 Project Preview
212 SOURCE CODE
213 Understanding GraphQL
214 Creating Schema
215 Testing Queries
216 Using Express Middleware
217 Database Setup
218 Authentication
219 User Resolvers
220 Transaction Resolvers
221 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
222 UI Design
223 Apollo Client Setup
224 Implementing Authentication
225 CRUD Transactions
226 Clear The Cache & GET Category Stats
227 Fetch Real Data For The Chart
228 GraphQL Relationships
229 Deployment
230 Cron Jobs (Optional)
React.js Admin Dashboard – Learn How to Build Admin Dashboards
231 Project Preview
232 SOURCE CODE
233 [IMPORTANT] WATCH THIS BEFORE THE NEXT VIDEO
234 Overview Page
235 Products Page
236 Users Page
237 Sales Page
238 Orders Page
239 Analytics Page
240 Settings Page
241 Deployment
Next.js Crash Course – Build a Complete Social Media App
242 Project Preview
243 SOURCE CODE
244 Project Setup & Authentication
245 Shadcn Setup & Dark Mode
246 Creating Navbar
247 Postgres & Prisma Setup
248 Auth & DB Sync
249 Building Sidebar
250 Creating Posts
251 Suggested Users
252 Like & Comment & Delete Posts
253 Recap & Route Handlers & Special Files
254 Notifications Page
255 Profile Page
256 Image Uploads with UploadThing
257 Deployment
Next.js Project – Video Calling Interview Platform
258 Project Preview
259 SOURCE CODE
260 Project Setup
261 Authentication
262 Database Setup
263 Stream Setup
264 Understanding & Implementing Webhooks
265 Convex Queries & Mutations
266 Building Navbar
267 Building Home Page
268 Video Calls Setup with Stream Provider
269 Creating useMeetingActions Hook
270 Meeting Page
271 Meeting Setup
272 Meeting Room
273 End Call Button
274 Code Editor
275 Recordings Page
276 Schedule Page
277 Meeting Card
278 Dashboard Page
279 Comment Dialog
280 Deployment & Testing in Production
281 Building Candidate View & Ending The Project
Next.js Project – Online SaaS Code Editor Like VsCode
282 Project Preview
283 SOURCE CODE
284 Authentication & Database Setup
285 Understanding & Implementing Webhooks
286 Home Page – Header Component
287 Home Page – Language Selector Component
288 Home Page – Editor Panel
289 Home Page – Output Panel
290 Executing Code
291 Share Snippet
292 Snippets Page
293 Snippet Detail Page
294 Profile Page
295 Pricing Page & Lemon Squeezy Payments
296 Deployment
Next.js Project – Chat App with Redis & TypeScript
297 Project Preview
298 SOURCE CODE
299 Project Setup
300 Auth Page Design
301 Preferences Tab
302 Chat Layout
303 Sidebar
304 Message Container
305 Emoji Picker
306 Chat Bottom Bar
307 Auth Callback
308 Redis Basics
309 Fetching Sidebar Data
310 Send Message Functionality
311 Get Messages
312 Image Uploads
313 Making Messages Work in Realtime
314 Deployment
Ultimate Stripe Payments Course Subscriptions, One-time payments, Emails & More
315 Project Preview
316 SOURCE CODE
317 Project Setup & Convex Basics
318 Authentication
319 Understanding Webhooks
320 Creating Courses
321 Stripe Setup
322 Building CourseId Page
323 One Time Payments
324 Success Page & Rate Limiting
325 Setting Up Stripe Webhooks
326 Building a Pro Plan Page
327 Stripe Subscriptions
328 Billing Page & Billing Portal
329 Sending Emails
330 Deployment
React Native Full Course Build a Complete Social Media Mobile Application
331 Project Preview
332 SOURCE CODE
333 React Native Theory – IMPORTANT!
334 Environment Setup
335 React Native Basics
336 Setting Up Our Project
337 Authentication
338 Database Setup
339 Defining Our DB Schema
340 Understanding Webhooks
341 Create Post Mutation
342 Create Post Screen Implementation
343 Get Feed Posts Query
344 Fetching Posts
345 Like Post Functionality
346 React Native Must Know Concepts & Notes
347 Commenting on Posts
348 Adding Bookmarks
349 Post Deletion
350 Bookmarks Screen
351 Notifications Screen
352 Our Own Profile Screen
353 Other User Profiles
354 Final Optimizations & Completing Our Project
355 Talking About The Deployment
PERN Crash Course Build a Product Store with Postgres & React
356 Project Preview
357 SOURCE CODE
358 Project Setup
359 Routes Setup
360 Postgres Database Setup
361 Writing Our Controllers
362 Testing Our Endpoints
363 Rate Limiting & Bot Detection
364 Frontend Setup with Vite & React
365 Navbar & Theme Selector
366 Fetch Products
367 Delete Products
368 Add Products
369 Product Page & Update Products
370 Configuration for Deployment
371 Deploying Our App & Final Tests
EXTRA Python and React Full Stack Tutorial – Deployment Included
372 Project Preview
373 SOURCE CODE
374 Building API with Flask
375 UI Design with React & ChakraUI
376 Connecting Frontend to Backend
377 Deployment for Free
EXTRA Python & Javascript Chat App
378 Project Preview
379 SOURCE CODE
380 Backend
381 Frontend
382 Deployment
EXTRA GO & React Full Stack Tutorial – Deployment Included
383 Project Preview
384 SOURCE CODE
385 GO VS NODE
386 Project Setup
387 Building API without a Database
388 Building API with a Database
389 UI Design
390 Consume API
391 Deployment
Resolve the captcha to access the links!