MERN Stack Project: Build and Deploy a Github-like App | React.js, MongoDB, Node.js, Passport.js

preview_player
Показать описание


Some of the topics of this course:
⚙️ Tech stack: MERN + TailwindCSS + Github API
👾 Fetch Github User Profiles and Repos
🚀 Filter Repos on the Client
🎭 Learn behind the scenes for authentication
🐛 Error handling (both on the server and on the client)
🎃 At the end DEPLOY like a pro for FREE!
⏳ And much more!

Timestamps:
00:00:00 - Demo && Course Outline
00:04:40 - 1- UI Design with Tailwind CSS
01:04:17 - 2- GET User Profile and Repos
01:29:05 - 2- Copy URL to Clipboard
01:31:20 - 2- Search User
01:39:00 - 2- Sort Repos
01:47:30 - 2- Getting a Github API KEY
01:50:20 - 2- .env is not secure on client
01:54:30 - 2- Explore Repos
02:08:40 - 3- Setting Up the Server
02:34:20 - 3- MongoDB Setup
02:39:40 - 3- Create User Model
03:26:00 - 3- We Need a Loading State
03:28:30 - 3- Like a Profile && GET Likes
03:52:00 - 4- Setting Up the Server for Deployment
03:58:00 - 4- Finally Deployment!

Thanks for watching.

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

Your my favorite tech youtuber for these projects, keep up the full stack content SO GOOD! Thank you alot!

abrahamrodiguez
Автор

Wow this an amazing project. This will make things simple to copy on Github. Big thanks Sir.

yantech.
Автор

This is what i was looking For surely this project will help me to get potential employers

shahnoormujawar
Автор

I had a lot of confusions related to using passport js in a mern app. This video taught me a lot about the best practices for implementing auth with an abstraction library such as passportJS. Phenomenal explanation!

akshatdubey
Автор

thank you sir for teaching this awesome mern project. I am a beginner and this helped tremendously. Even though I may not have grasped everything fully, it still gave me a great overview of how to build a full stack web app. Subbed

cooner
Автор

Sir, this video is definitely a gem. Thank you for all your effort.

emirhanarc
Автор

great project now waiting fro the next one with the mongodb aggregation pipeline😍😍😍😍😍😍😍😍😍😍❤❤❤❤❤❤

bilal
Автор

Bro every other Youtuber is teaching basic concepts please teach us mid level to advance topics

balusankar
Автор

Thanks for your guidance. Please keep using Vite for React development; I'd prefer if we didn't use Next.js.

rugucloud
Автор

Great thank, this is very awesome video.

NareshKumar-vtsh
Автор

me too Thanks for your guidance. Please keep using Vite for React development; I'd prefer if we didn't use Next.js.

isahabdulhameed-klet
Автор

Without watching the tutorial I hit the like button just for yt suggestions algorithm 🎉

Definitely will follow along this gem 💎

Love from Pakistan ❤

ZeshanMukhtar
Автор

Finally Completed the project.. and succesfully deployed... Thank u 💗💗💗

sureya
Автор

I promise you one day you will be No 1 in entire YouTube

-
Автор

I am getting following error:-
MongooseError: Operation `users.insertOne()` buffering timed out after 10000ms

I have followed every single steps mentioned on stackoverflow but nothing is working for me!!

adimishra
Автор

1:02:51 thanks alot for saving alot of time you provided well code of css and you explained very well thank you for making this project !

maha
Автор

Even if i pass my github api key in headers it shows error for ratelimit. The rate limit only have 60 per hour. Can anyone help in that issue?

kathir
Автор

wow, a very interesting project, this type of applications is appreciated, I leave a like and I will follow your videos more, greetings

-not-found-service
Автор

hello please suggest something where we can deploy our mern app?as render is asking for cc

maha
Автор

Brother you are doing great.i want an e-commerce application in mern stack can u teach us to build the e-commerce application

dhivagardhivagar
welcome to shbcf.ru