Video course · 15 chapters · 336 min · certificate
AI SaaS Chat Bot using MERN Stack – Tutorial
Build a ChatGPT-style AI SaaS chatbot with the MERN stack: REST API with Node and Express, MongoDB, OpenAI keys, user models, signup and login with validation, JWT auth in HTTP-only cookies, a Material UI frontend, auth context, chat completions, chat UI with code blocks, protected routes and an animated homepage.
What you'll learn
- Build a REST API with Node, Express and MongoDB
- Implement signup, login and validation
- Secure auth with JWT and HTTP-only cookies
- Build a React + Material UI frontend
- Integrate OpenAI chat completions
- Manage chats, protected routes and logout
Chapters
15 chapters · 336:22-
18:52
01Intro Members
Introduction and MERN overview
Build a ChatGPT clone.
-
24:54
02Backend Members
REST API and MongoDB
Express server.
-
21:38
03Setup Members
OpenAI keys, routes and models
Schema and routes.
-
12:56
04Signup Members
Signup route and middleware
Store users.
-
19:31
05Validation Members
Validation and login
express-validator.
-
30:38
06Auth Members
JWT auth with HTTP-only cookies
Tokens.
-
15:01
07Frontend Members
Material UI theme, routes and header
React setup.
-
22:37
08State Members
Auth context and nav links
Who's logged in.
-
19:33
09UI Members
Login screen UI
Design the page.
-
30:03
10Session Members
API requests and staying logged in
Axios and verification.
-
16:14
11OpenAI Members
OpenAI chat completion route
GPT-3.5 Turbo.
-
33:06
12Chat UI Members
Chat page UI
Frontend chat.
-
25:57
13Messages Members
Chat requests and code blocks
Rendering code.
-
24:30
14Features Members
Fetch, delete, protect, logout
Chat management.
-
20:52
15Homepage Members
Homepage UI
Animations.
Jobs this course suits
Our AI checked this course against 500 jobs; these get the most out of it. Each job links to its learning path.