Summary
Full Transcript
Build a project in React JS that will get you a job as a front-end web developer. I want to give you an example of a project idea you can list on your portfolio if you are trying to get hired as a Jr. front-end web developer. Free Resume Template https://bit.ly/3BMRa4A In this project follow along with me as I build a front-end Netflix clone with a Firebase back-end! We use the TMDB API for all of the data AND we will be using Firebase Authentication to give login functionality. We will be able to store user specific data with a React front-end and a Firebase back-end. We use Firestore which is cloud storage with Firebase to save data. The front-end is styled with Tailwind CSS - an incredible CSS framework to save time styling your apps. At the end of the build we deploy this LIVE with Firebase hosting. Thank you for watching! Time Stamps 0:00 - Intro 02:15 - Create react app 03:08 - Install Tailwind CSS 04:05 - Install project dependencies 07:40 - Navbar component 14:15 - React router dom 15:20 - Home component 15:40 - Main component 16:30 - TMDB API key 17:30 - API Request end points 36:15 - Row component 51:16 - Movie Component 54:18 - Scroll functionality 01:01:55 - Firebase setup 01:08:21 - Authentication 01:48:10 - Firestore database (save user data) 02:16:46 - Hosting & Deploy 🚀🚀🚀 ZeroTo Mastery: - Master React JS Course - https://bit.ly/Learn-React-JS - Complete Web Developer in 2023 - https://bit.ly/Complete-Web-Developer-2023 Coding Challenges! https://bit.ly/Code-Challenges Github Repo 💻 https://github.com/fireclint/netflix-react-tailwind 🔥 Connect with me on IG🔥 https://instagram.com/fireclint TMDB API https://www.themoviedb.org/documentation/api?language=en-US ☕ Support the channel ☕ https://www.buymeacoffee.com/clintbriley Google-Auth With Firebase https://www.youtube.com/watch?v=cZAnibwI9u8 🔥 My Coding Equipment 🔥 Logitech MX Wireless Keyboard - https://amzn.to/3xKPFiN Logitech MX Master 2S Wireless Mouse - https://amzn.to/3O5WmRD SAMSUNG 49-Inch Gaming Monitor - https://amzn.to/3mvUy8M Shure MV7 USB Podcast Microphone - https://amzn.to/3O00nqG Mic Boom Arm - https://amzn.to/3NHn6YU Monitor Desk Light Bar - https://amzn.to/3xzKlyj
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
