Build a Full Stack Movie Streaming App - Go, React, MongoDB, OpenAI

Build a Full Stack Movie Streaming App - Go, React, MongoDB, OpenAI

freeCodeCamp.org via freeCodeCamp Direct link

- 10:24:58 Create User Registration UI

35 of 46
Previous
Next

35 of 46

- 10:24:58 Create User Registration UI

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Build a Full Stack Movie Streaming App - Go, React, MongoDB, OpenAI

Automatically move to the next video in the Classroom when playback concludes
  1. 1 - 0:00:00 Introduction and Overview of the Course
  2. 2 - 0:10:14 Setup Development Environment
  3. 3 - 0:10:19 Install MongoDB and Compass GUI for MongoDB
  4. 4 - 0:14:05 Install MongoDB Shell
  5. 5 - 0:17:54 Launch Compass, Create and Seed MagicStream MongoDB Database
  6. 6 - 0:23:38 Use MongoDB Shell to Interact with MongoDB Database
  7. 7 - 0:29:42 Install Go Golang on Dev Machine
  8. 8 - 0:34:31 Create Basic Go Application using Command Line Interface and Notepad
  9. 9 - 0:38:45 Install Visual Studio Code on Dev Machine
  10. 10 - 0:42:42 Create Full-stack Project Infrastructure in VSCode
  11. 11 - 0:44:38 Create go.mod file for Go/Gin-Gonic Web API
  12. 12 - 0:47:32 Install Go Extension for Visual Studio Code
  13. 13 - 0:51:00 Start Creation of Code for Go/Gin-Gonic Web API
  14. 14 - 0:51:26 Install Gin-Gonic Gin Web Framework
  15. 15 - 1:06:33 Create Movie Model and GetMovies End Point
  16. 16 - 1:31:01 Create Movie Controller
  17. 17 - 1:33:01 Create GetMovies Gin-Gonic Endpoint Handler Function
  18. 18 - 1:44:20 Create Reusable MongoDB Connection Code in database Package
  19. 19 - 2:16:46 Create GetMovie Endpoint Function Handler
  20. 20 - 2:35:58 Create AddMovie Endpoint Function Handler
  21. 21 - 3:02:34 Install Postman and use Postman to test Post Request to AddMovie Endpoint
  22. 22 - 3:14:41 Create User Model
  23. 23 - 3:44:00 Create RegisterUser Endpoint Handler Function
  24. 24 - 4:20:25 Create Login Functionality
  25. 25 - 5:29:52 Create Middleware Functionality to Validate Incoming Access Tokens
  26. 26 - 5:50:23 Configure Protected and Unprotected Gin gin-gonic Routes
  27. 27 - 6:06:49 Update Movie Review - Engage with openAI through LangChainGo
  28. 28 - 6:34:22 Sign up for Account with openAI
  29. 29 - 6:59:32 Create Movie Recommendation Service Powered by AI
  30. 30 - 8:13:57 Go/Gin-Gonic Best Practices - Minor Code Amendments
  31. 31 - 8:54:51 Create Frontend Code Using React
  32. 32 - 9:02:57 Create UI for Home Page
  33. 33 - 9:59:05 Create Header Component
  34. 34 - 10:24:43 Setup Routes using react-router-dom
  35. 35 - 10:24:58 Create User Registration UI
  36. 36 - 10:56:59 Create Login UI
  37. 37 - 11:10:30 Create Auth Provider and Auth Context Functionality
  38. 38 - 11:39:31 Create UI for Movie Recommendation Service
  39. 39 - 12:05:37 Create UI for Updating Admin Movie Reviews
  40. 40 - 12:38:29 Amend Code so that Access Token is Stored in http-only cookies prevent XSS attacks
  41. 41 - 13:41:01 Using react-player to Play Movies in Browser
  42. 42 - 14:04:27 Deploy full stack Web App to the Cloud
  43. 43 - 14:08:13 Deploy MongoDB to Atlas and Seed Data from Local MongoDB
  44. 44 - 14:18:42 Deploy Go/Gin-Gonic Web API to Render
  45. 45 - 14:35:31 Deploy React Client Code to Vercel
  46. 46 - 14:44:48 Outro

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.