Build and Deploy a LeetCode Clone with React: Next JS, TypeScript, Tailwind CSS, Firebase | Part 2

Опубликовано: 07 Май 2023
на канале: As a Programmer

10,947

327

In this second part of the tutorial, we'll be completing our Leetcode clone application and at the end we'll deploy it to vercel. We use React, Tailwind CSS, Next.JS, Typescript, and Firebase.

Source Code: https://github.com/burakorkmez/leetco... (Give it a star ⭐)
Github Gist: https://gist.github.com/burakorkmez/5...
Demo Application: https://leetclone.vercel.app
Join the discord to ask your questions: / discord
Support: https://www.buymeacoffee.com/burakork...

Timestamps
00:00 Review of part 1
04:35 Image optimizations
06:10 Creating [pid] page and update topbar
14:04 Creating Timer.tsx
24:08 Creating Workspace.tsx
26:55 Splitting page
31:24 Creating ProblemDescrition.tsx
37:40 Creating PreferenceNav.tsx
46:16 Creating Code Editor
52:47 Addin Testcases UI
1:01:52 Creating EditorFooter.tsx
1:08:09 Data Handling Explained
1:13:27 Two Sum Problem
1:24:29 Reverse Linked List
1:29:42 Jump Game Problem
1:31:50 Valid Parentheses Problem
1:32:53 Search 2d Matrix Problem
1:33:38 Using SSG for [pid].tsx
1:58:24 Updating testcases UI
2:03:16 Initializing Firestore
2:07:33 Adding problems to DB
2:23:46 Fetch Problems
2:44:35 Create Users in DB
2:52:10 Fetch problem data
3:03:05 Loading skeletons
3:08:12 Get user data on the problem
3:18:00 Like functionality
3:39:28 Dislike functionality
3:50:40 Star functionality
3:57:40 Next and Previous problem
4:07:00 Solving Hydration Error
4:09:45 Confetti Celebration
4:13:20 Code Submission
4:32:27 Save code to localstorage
4:36:25 Solving bugs
4:42:45 Toggle Full Screen
4:45:50 SettingsModal UI
4:53:10 SettingsModal Functionality
5:06:00 Update Home Page
5:10:48 Sandboxing technique
5:13:35 Deployment
5:16:45 Firebase Rules

#reactjs #javascript #leetcode

Смотрите видео Build and Deploy a LeetCode Clone with React: Next JS, TypeScript, Tailwind CSS, Firebase | Part 2 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь As a Programmer 07 Май 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 10,947 раз и оно понравилось 327 людям.

141