Email: it@huph.edu.vn

100 Hours Web Development Bootcamp - Build 22 React Projects 2025-2

1 students Last updated Mar 2025

About the course

Course content

Sections: 23

•

Activities: 0

•

Resources: 343

1 WELCOME WELCOME WELCOME
2 When You Get Stuck What Should You Do My Advice
3 My VSCode Setup Extentions

1 Project Preview
2 Project Setup Server
3 Building Our API
4 Chakra UI Setup
5 Navbar and Create Page
6 Zustand Store Create Page Implementation
7 Home Page
8 Deployment for Free

1 Project Preview
2 Project Setup Backend
3 Database Setup
4 Signup Backend
5 Login Logout Update Profile Backend
6 Message Routes
7 IMPORTANT
8 Frontend Setup
9 Login Signup Pages Frontend
10 Profile Page
11 Settings Page
12 Sidebar
13 Chat Container
14 Socketio Explanation Implementation
15 Deployment

1 Project Preview
2 Backend Setup
3 DB Setup Signup Route
4 Login Logout Routes
5 Message Routes
6 User Routes
7 IMPORTANT
8 Frontend Auth Pages UI Design
9 Home Page UI Design
10 Auth Implementation
11 Get Conversations
12 Send Message Functionality
13 Socket Implementation
14 Deployment

1 Project Preview
2 Frontend Auth Setup
3 Routes Setup
4 Database Setup Signup Logic
5 Protect Route Middleware
6 Admin Routes Controllers
7 Album Routes Controllers
8 Song Routes Controllers
9 User Routes Controllers
10 Creating Auth Provider Callback Page
11 Main Layout Left Sidebar
12 Creating Album Page
13 Creating Friends Activity
14 Creating Home Page
15 Play Song Functionality Queue
16 Play button Component
17 Playback Controls
18 Admin Page Create Songs
19 Admin Page Create Albums
20 Implementing Socketio for Realtime Features
21 Chat Page UI
22 Custom 404 Page
23 Deployment

1 Project Preview
2 Course Outline
3 Project Setup
4 Auth Routes Controllers
5 User Routes Controllers
6 Post Routes Controllers
7 Notification Routes Controllers
8 IMPORTANT
9 UI Design
10 Protecting Route in Frontend
11 Get Posts in Home Page
12 Delete Posts
13 Create Posts
14 Get Suggested Users
15 Follow Unfollow Users
16 Like Post
17 Comment Functionality
18 Notifications Page
19 Profile Page
20 Update User Profile
21 Code Optimizations
22 Deployment for Free

1 Project Preview
2 Backend Setup
3 Database Setup
4 Authentication Access Refresh Tokens
5 Product Routes
6 Cart Routes
7 Coupon Routes
8 Payment Routes
9 Analytics Routes
10 IMPORTANT
11 Frontend Setup with React
12 Signup Page UI Design
13 Login Page Auth Implementation
14 Home Page
15 Admin Dashboard
16 Category Page
17 Building Cart Store
18 Cart Page
19 Stripe Payments
20 Creating Coupons
21 Analytics UI
22 Featured Products Slider
23 Axios Interceptors to Refresh Tokens
24 Deployment

1 Project Preview
2 Backend Setup
3 Database Setup MongoDB
4 Signup Endpoint
5 Sending Email Verify Account
6 Verify Email Welcome Email Logout
7 Login Endpoint
8 Forget Password
9 Reset Password Check Auth Endpoints
10 IMPORTANT
11 Frontend Setup
12 Signup Page UI
13 Login Page UI
14 Email Verification Page UI
15 Implementing Signup
16 Email Verification Protecting Routes
17 Implementing Login Dashboard Page
18 Implementing Forgot Password
19 Super Detailed Deployment

1 Project Preview
2 Backend Setup
3 Database Setup Sign Up Endpoint
4 Login Logout Check Auth Endpoints
5 User Routes
6 Match Routes
7 Message Routes
8 IMPORTANT
9 Frontend Setup with React Tailwind
10 Authentication Page
11 Profile Page
12 Home Page Sidebar Component
13 Completing Our Home Page
14 SocketIO Explanation Realtime Notifications
15 Chat Page Realtime Messages
16 Deployment

1 Project Overview
2 Backend Setup
3 Database Setup MongoDB
4 Signup Logic in Backend
5 Generate JWT
6 Logout Login A quick recap
7 Fetching Movies
8 Fetching TV Shows
9 Protect Route Middleware
10 Search Routes
11 IMPORTANT
12 Frontend Setup
13 Signup Login Page UI Design
14 Auth Screen UI Design
15 Signup Login Logout Functionality
16 Home Screen
17 Watch Page
18 Search Page
19 History Page
20 Custom 404 Page Small Fixes
21 Deployment

1 Project Preview
2 Backend Setup
3 Signup Route
4 Sending Welcome Emails
5 Login Logout Protect Route
6 User Routes
7 Post Routes
8 Comment Notification Email
9 Notification Routes
10 Connection Routes
11 IMPORTANT
12 Frontend Setup
13 Signup Page
14 Protect Route in React
15 Navbar
16 Login Page
17 Home Page Part 1
18 Home Page Part 2
19 Notifications Page
20 Network Page
21 Single Post Page
22 Profile Page
23 Deployment

1 Project Preview
2 IMPORTANT
3 UI Design with Tailwind CSS
4 Get User Profile Repos
5 Search Profile
6 Explore Page
7 Server Setup
8 DB Setup Authentication
9 Like Profile Get Likes
10 Deployment

1 Project Preview
2 Understanding GraphQL
3 Creating Schema
4 Testing Queries
5 Using Express Middleware
6 Database Setup
7 Authentication
8 User Resolvers
9 Transaction Resolvers
10 IMPORTANT
11 UI Design
12 Apollo Client Setup
13 Implementing Authentication
14 CRUD Transactions
15 Clear The Cache GET Category Stats
16 Fetch Real Data For The Chart
17 GraphQL Relationships
18 Deployment
19 Cron Jobs Optional

1 Project Preview
2 IMPORTANT
3 Overview Page
4 Products Page
5 Users Page
6 Sales Page
7 Orders Page
8 Analytics Page
9 Settings Page
10 Deployment

1 Project Preview
2 Project Setup Authentication
3 Shadcn Setup Dark Mode
4 Creating Navbar
5 Postgres Prisma Setup
6 Auth DB Sync
7 Building Sidebar
8 Creating Posts
9 Suggested Users
10 Like Comment Delete Posts
11 Recap Route Handlers Special Files
12 Notifications Page
13 Profile Page
14 Image Uploads with UploadThing
15 Deployment

1 Project Preview
2 Project Setup
3 Authentication
4 Database Setup
5 Stream Setup
6 Understanding Implementing Webhooks
7 Convex Queries Mutations
8 Building Navbar
9 Building Home Page
10 Video Calls Setup with Stream Provider
11 Creating useMeetingActions Hook
12 Meeting Page
13 Meeting Setup
14 Meeting Room
15 End Call Button
16 Code Editor
17 Recordings Page
18 Schedule Page
19 Meeting Card
20 Dashboard Page
21 Comment Dialog
22 Deployment Testing in Production
23 Building Candidate View Ending The Project

1 Project Preview
2 Authentication Database Setup
3 Understanding Implementing Webhooks
4 Home Page Header Component
5 Home Page Language Selector Component
6 Home Page Editor Panel
7 Home Page Output Panel
8 Executing Code
9 Share Snippet
10 Snippets Page
11 Snippet Detail Page
12 Profile Page
13 Pricing Page Lemon Squeezy Payments
14 Deployment

1 Project Preview
2 Project Setup
3 Auth Page Design
4 Preferences Tab
5 Chat Layout
6 Sidebar
7 Message Container
8 Emoji Picker
9 Chat Bottom Bar
10 Auth Callback
11 Redis Basics
12 Fetching Sidebar Data
13 Send Message Functionality
14 Get Messages
15 Image Uploads
16 Making Messages Work in Realtime
17 Deployment

1 Project Preview
2 Project Setup Convex Basics
3 Authentication
4 Understanding Webhooks
5 Creating Courses
6 Stripe Setup
7 Building CourseId Page
8 One Time Payments
9 Success Page Rate Limiting
10 Setting Up Stripe Webhooks
11 Building a Pro Plan Page
12 Stripe Subscriptions
13 Billing Page Billing Portal
14 Sending Emails
15 Deployment

1 Project Preview
2 Project Setup
3 Routes Setup
4 Postgres Database Setup
5 Writing Our Controllers
6 Testing Our Endpoints
7 Rate Limiting Bot Detection
8 Frontend Setup with Vite React
9 Navbar Theme Selector
10 Fetch Products
11 Delete Products
12 Add Products
13 Product Page Update Products
14 Configuration for Deployment
15 Deploying Our App Final Tests

1 Project Preview
2 Building API with Flask
3 UI Design with React ChakraUI
4 Connecting Frontend to Backend
5 Deployment for Free

1 Project Preview
2 Backend
3 Frontend
4 Deployment

1 Project Preview
2 GO VS NODE
3 Project Setup
4 Building API without a Database
5 Building API with a Database
6 UI Design
7 Consume API
8 Deployment

Instructors

Enrolment options

100 Hours Web Development Bootcamp - Build 22 React Projects 2025-2

100 Hours Web Development Bootcamp - Build 22 React Projects 2025-2

Course modified date: 4 Mar 2025

Enrolled students: 1

Guests cannot access this course. Please log in.