Build and Deploy a LeetCode Clone with React, Next JS, TypeScript, Tailwind CSS, Firebase

From the creator

In this project tutorial, you will build a LeetCode clone with React, Tailwind CSS, Next.JS, Typescript, and Firebase. Also deploy it to Vercel at the end. 💻 Source Code: https://github.com/burakorkmez/leetcode-clone-youtube 💻 Github Gist: https://gist.github.com/burakorkmez/5ba4c1a910f396050a2ac2f229418f54 🔗 Demo Project: https://leetclone.vercel.app/problems/two-sum 🔗 Discord Server(to ask questions): https://discord.gg/YFn2WyheZV Course created by @codesistency ❤️ Try interactive Frontend courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Frontend (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ 0:00:00 Intro 0:00:29 Demo of The App 0:05:23 Project Setup 0:08:51 Auth Page Setup 0:13:19 Auth Page Navbar 0:18:54 AuthModal Layout UI 0:22:16 Login UI 0:29:41 Signup UI 0:31:59 ResetPassword UI 0:33:13 Integrating Recoil Auth State 0:47:31 Firebase Setup 0:52:41 Signup Functionality 1:01:21 Login Functionality 1:05:14 Auth Page Route Guard 1:08:01 Home Page UI 1:12:50 Problems Table UI 1:21:01 Youtube Video Modal 1:29:51 Topbar Update On Auth 1:32:46 Logout Functionality 1:37:11 Auth Modal Optimizations 1:38:44 Reset Password Functionality 1:42:56 React Toastify 1:47:19 Image optimizations 1:54:33 Creating [pid] page and update topbar 2:02:27 Creating Timer.tsx 2:12:31 Creating Workspace.tsx 2:15:18 Splitting The Page 2:19:47 Creating ProblemDescrition.tsx 2:26:03 Creating PreferenceNav.tsx 2:34:39 Creating Code Editor 2:41:10 Add

Published 2023-05-25 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.