Build Your Own Full Stack ChatGPT using React.js, OpenAI, ImageKit - AI MERN Stack Project

Build Your Own Full Stack ChatGPT using React.js, OpenAI, ImageKit - AI MERN Stack Project

GreatStack via YouTube Direct link

06:04:28 Deploy Project Online

19 of 19

19 of 19

06:04:28 Deploy Project Online

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Build Your Own Full Stack ChatGPT using React.js, OpenAI, ImageKit - AI MERN Stack Project

Automatically move to the next video in the Classroom when playback concludes

  1. 1 00:00 Project Overview
  2. 2 05:45 Create Basic React Project
  3. 3 12:30 Create Home page and Components
  4. 4 36:40 Create Sidebar Page
  5. 5 01:11:50 Create ChatBox Page
  6. 6 01:47:08 Create Loading Page
  7. 7 01:50:28 Create Community Page
  8. 8 01:56:49 Create Credits Page
  9. 9 02:05:14 Create Login Page
  10. 10 02:14:25 Create Backend Server
  11. 11 02:26:10 Connect MongoDB Database
  12. 12 02:52:14 Create Middlewares
  13. 13 02:59:55 Testing APIs
  14. 14 03:30:25 Add Google Gemini API
  15. 15 03:43:54 Connect ImageKit for image Generation and Storage
  16. 16 04:28:28 Connect Stripe Payment Gateway
  17. 17 04:58:05 Deploy Backend Server
  18. 18 05:06:39 Connect Backend and Fronted
  19. 19 06:04:28 Deploy Project Online

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.