विवरण:
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. 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://zerotomastery.io/courses/learn-react/ - Complete Web Developer in 2023 - https://zerotomastery.io/courses/coding-bootcamp/ Coding Challenges! https://edabit.com/?ref=clintbriley1 Github Repo 💻 https://github.com/fireclint/netflix-react-tailwind 🔥 Connect with me on IG🔥 https://www.facebook.com/unsupportedbrowser TMDB API https://developer.themoviedb.org/docs/getting-started ☕ Support the channel ☕ https://buymeacoffee.com/clintbriley Google-Auth With Firebase https://www.youtube.com/watch?v=cZAnibwI9u8 🔥 My Coding Equipment 🔥 Logitech MX Wireless Keyboard - https://www.amazon.com/dp/B07S92QBCJ?language=en_US Logitech MX Master 2S Wireless Mouse - https://www.amazon.com/dp/B071YZJ1G1?language=en_US SAMSUNG 49-Inch Gaming Monitor - https://www.amazon.com/Samsung-49-Inch-Curved-Monitor-LC49HG90DMNXZA/dp/B072C7TNC5?language=en_US Shure MV7 USB Podcast Microphone - https://www.amazon.com/Shure-Microphone-Podcasting-Voice-Isolating-Technology/dp/B08G7RG9ML?language=en_US Mic Boom Arm - https://www.amazon.com/dp/B09MNCSPHN?language=en_US Monitor Desk Light Bar - https://www.amazon.com/gp/product/B08CXL3YQ8?ie=UTF8&language=en_US
डाउनलोड विकल्प तैयार किया जा रहा है
वेबसाइट http://unidownloader.com/ बिना किसी प्रोग्राम या एक्सटेंशन को इंस्टॉल किए वीडियो या सिर्फ ऑडियो ट्रैक डाउनलोड करने का सबसे अच्छा तरीका है।
यदि आप सीधे YouTube, Instagram और OK.ru जैसी साइटों से वीडियो डाउनलोड करना चाहते हैं, तो UDL Helper एक्सटेंशन एक आसान बटन है जो इन साइटों में एकीकृत रूप से जुड़ा होता है।
UDL क्लाइंट प्रोग्राम (विंडोज के लिए) सबसे शक्तिशाली समाधान है जो 900 से अधिक वेबसाइटों, सोशल नेटवर्क और वीडियो होस्टिंग साइटों के साथ-साथ स्रोत में उपलब्ध किसी भी वीडियो गुणवत्ता का समर्थन करता है।
UDL Lite आपके मोबाइल डिवाइस से वेबसाइट तक पहुंचने का एक बहुत ही सुविधाजनक तरीका है। इसकी मदद से आप आसानी से सीधे अपने स्मार्टफोन पर वीडियो डाउनलोड कर सकते हैं।
सबसे अच्छी गुणवत्ता वाले फॉर्मेट FullHD (1080p), 2K (1440p), 4K (2160p) और 8K (4320p) हैं। आपकी स्क्रीन का रेजल्यूशन जितना ज्यादा होगा, वीडियो की गुणवत्ता उतनी ही बेहतर होनी चाहिए। हालांकि, चुनने से पहले कुछ अन्य कारकों पर भी विचार करना चाहिए: डाउनलोड स्पीड, खाली जगह और प्लेबैक के दौरान डिवाइस की परफॉर्मेंस।
ब्राउज़र या कंप्यूटर को पूरी तरह से फ्रीज नहीं होना चाहिए! यदि ऐसा होता है, तो कृपया वीडियो के लिंक के साथ इसकी सूचना दें। कभी-कभी वीडियो को सीधे उपयुक्त फॉर्मेट में डाउनलोड नहीं किया जा सकता है, इसलिए हमने फाइल को वांछित फॉर्मेट में कनवर्ट करने की क्षमता को शामिल किया है। कुछ मामलों में, यह प्रक्रिया सक्रिय रूप से कंप्यूटर संसाधनों का उपयोग कर सकती है।
आप वेबसाइट या PWA एप्लिकेशन UDL Lite का उपयोग करके अपने स्मार्टफोन पर वीडियो डाउनलोड कर सकते हैं। UDL Helper एक्सटेंशन का उपयोग करके QR कोड के माध्यम से डाउनलोड लिंक भेजना भी संभव है।
सबसे सुविधाजनक तरीका UDL Client प्रोग्राम का उपयोग करना है, जो वीडियो को MP3 फॉर्मेट में बदलने का समर्थन करता है। कुछ मामलों में, UDL Helper एक्सटेंशन के माध्यम से भी MP3 डाउनलोड किया जा सकता है।
यह सुविधा UDL Helper एक्सटेंशन में उपलब्ध है। सुनिश्चित करें कि सेटिंग्स में "वीडियो स्नैपशॉट बटन दिखाएं" चेक किया गया है। ऐसा करने पर, प्लेयर के निचले दाएं कोने में "सेटिंग्स" आइकॉन के बाईं ओर एक कैमरा आइकॉन दिखाई देना चाहिए। जब आप उस पर क्लिक करते हैं, तो वीडियो का वर्तमान फ्रेम आपके कंप्यूटर पर JPEG फॉर्मेट में सहेजा जाएगा।
इसमें कुछ भी खर्च नहीं होता। हमारी सेवाएँ सभी उपयोगकर्ताओं के लिए बिल्कुल निःशुल्क हैं। यहां कोई PRO सदस्यता नहीं है, डाउनलोड किए गए वीडियो की संख्या या अधिकतम लंबाई पर कोई प्रतिबंध नहीं है।