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

preview_player
Показать описание
In this tutorial series, we'll be building a Leetcode clone with React, Tailwind CSS, Next.JS, Typescript, and Firebase. We'll also be deploying it to Vercel at the end.

Timestamps
00:00 Intro
00:48 Demo of The App
05:42 Project Setup
09:10 Auth Page Setup
13:38 Auth Page Navbar
19:13 AuthModal Layout UI
22:35 Login UI
30:00 Signup UI
32:18 ResetPassword UI
33:32 Integrating Recoil Auth State
47:50 Firebase Setup
53:00 Signup Functionality
01:01:40 Login Functionality
01:05:33 Auth Page Route Guard
01:08:20 Home Page UI
01:13:09 Problems Table UI
01:21:20 Youtube Video Modal
01:30:10 Topbar Update On Auth
01:33:05 Logout Functionality
01:37:30 Auth Modal Optimizations
01:39:03 Reset Password Functionality
01:43:15 React Toastify
01:46:50 Outro

#reactjs #javascript #leetcode
Рекомендации по теме
Комментарии
Автор

Hey everyone! This is my first project based tutorial. There's a ton of stuff that I need to improve so please let me know in the comments what you think about the tutorial and feel free to share any feedback. I hope you enjoy it!

asaprogrammer_
Автор

Thanks for your work Burak. I wait for next part curiously

furkansegmen
Автор

Thanks for the tutorial, Burak. Please keep them coming.

webcompares
Автор

Really great, looking forwarding to the updates ...

ttgg
Автор

wow very nice we are waiting for the next episode as soon as possible

berkeduzgun
Автор

awesome bro. you'll gonna be rock !🌟 🌟 keep doing great.

nightfall
Автор

Nice tutorial it was @burakorkmez I enjoyed and made till part 1 with full dedication and engrossed with many of the next js features and typescript

youthfactfactory
Автор

quickly public part 2 of this series, i've waited for 2 week so long

thinhwindow
Автор

Please bring more such MERN stack project . some real time code collaborator or code editor kind of thing please bro ❣❣Love & support from India.

praffulgupta
Автор

I'm from Brazil and I really like your videos. When is the second part coming?

jeffersonbrito
Автор

This is amazing! Since this is part 1, what are you planning for part 2?

randerins
Автор

this was lit 🔥when you are going to upload the part 2??

anshultanwar
Автор

Hey!!! I'd love to see part 2. When are you planning on releasing it?

eduardobautista
Автор

Your work is just amazing. I need the code very urgent

dharmendraagrawal
Автор

Hello, Im facing some difficulty in using App router instead of Page router.
Can you please help.

atharvaraut
Автор

Also please tell how to deploy the application after completion of project.

programmer
Автор

Awesome tutorial learned a lot, also could you please tell me the name of the visual code extension used for typescript react snippets that you have used? Thanks!!

NikhilSingh-qgmh
Автор

Hello bro.. I want to suggest one feature if you can do for us.

Like we can have cards displaying the topic.. Like arrays.. Matrix... Dynamic programming.. And when we open them then these questions will be shown.. Like category wise option should be there.. If you can bring this one small feature in next video...

It's a humble request ❤❤

programmer
Автор

Hey, I really need your help!!!
Can you please provide me the whole code for my project
It will be really helpful for me.

dharmendraagrawal
Автор

Lütfen videolarına Türkçe altyazılı ekleyebilirmisin

amineatal