Completed
Auth Page Setup
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Build and Deploy a LeetCode Clone with React, Next JS, TypeScript, Tailwind CSS, Firebase
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 Demo of The App
- 3 Project Setup
- 4 Auth Page Setup
- 5 Auth Page Navbar
- 6 AuthModal Layout UI
- 7 Login UI
- 8 Signup UI
- 9 ResetPassword UI
- 10 Integrating Recoil Auth State
- 11 Firebase Setup
- 12 Signup Functionality
- 13 Login Functionality
- 14 Auth Page Route Guard
- 15 Home Page UI
- 16 Problems Table UI
- 17 Youtube Video Modal
- 18 Topbar Update On Auth
- 19 Logout Functionality
- 20 Auth Modal Optimizations
- 21 Reset Password Functionality
- 22 React Toastify
- 23 Image optimizations
- 24 Creating [pid] page and update topbar
- 25 Creating Timer.tsx
- 26 Creating Workspace.tsx
- 27 Splitting The Page
- 28 Creating ProblemDescrition.tsx
- 29 Creating PreferenceNav.tsx
- 30 Creating Code Editor
- 31 Adding Test Cases UI
- 32 Creating EditorFooter.tsx
- 33 Data Handling Explained
- 34 Two Sum Problem
- 35 Reverse Linked List
- 36 Jump Game Problem
- 37 Valid Parentheses Problem
- 38 Search 2d Matrix Problem
- 39 Using SSG for [pid].tsx
- 40 Updating testcases UI
- 41 Initializing Firestore
- 42 Adding problems to DB
- 43 Fetch Problems
- 44 Create Users in DB
- 45 Fetch problem data
- 46 Loading skeletons
- 47 Get user data on the problem
- 48 Like functionality
- 49 Dislike functionality
- 50 Star functionality
- 51 Next and Previous problem
- 52 Solving Hydration Error
- 53 Confetti Celebration
- 54 Code Submission
- 55 Save code to localstorage
- 56 Solving bugs
- 57 Toggle Full Screen
- 58 SettingsModal UI
- 59 SettingsModal Functionality
- 60 Update Home Page
- 61 Sandboxing technique
- 62 Deployment
- 63 Firebase Rules