Summary
Keywords
Full Transcript
In this video, we will build a full-stack Hulu clone using React, Vite, Tailwind CSS, TMDB, and Vercel. We will start by creating a new React application and then install the necessary dependencies. We will then create a user interface for our application using Tailwind CSS. Once the user interface is complete, we will connect our application to the TMDB API and start displaying movie data. Finally, we will deploy our application to Vercel so that it can be accessed by anyone in the world. This video is perfect for anyone who wants to learn how to build a full-stack application using React, Vite, Tailwind CSS, TMDB, and Vercel. We will cover all of the steps necessary to build a working application, from start to finish. Here are some of the things you will learn in this video: How to create a new React application How to install the necessary dependencies How to create a user interface using Tailwind CSS How to connect your application to the TMDB API How to implement user authentication and authorization How to deploy your application to Vercel If you are interested in learning how to build a full-stack application using React, Vite, Tailwind CSS, TMDB, and Vercel, then this video is for you. Here are some of the benefits of using React, Vite, Tailwind CSS, TMDB, and Vercel: React is a popular JavaScript library for building user interfaces. Vite is a fast and efficient build tool for React applications. Tailwind CSS is a popular CSS framework that helps you create beautiful and responsive user interfaces. TMDB is a popular API for accessing movie data. Vercel is a popular cloud platform for deploying and hosting web applications. If you are looking for a powerful and flexible stack for building full-stack applications, then React, Vite, Tailwind CSS, TMDB, and Vercel are a great option. 🔴Source Code: https://github.com/rrs301/hulu-clone-vite-app 🔴React Icons:https://react-icons.github.io/react-icons/ 🔴Application Demo : https://hulu-clone-vite-app-tubeguruji.vercel.app/ 🔴React Tailwind css Tutorial for Beginners | Build and Deploy Complete Responsive website🔴 Watch Full Video 👇🏻 https://youtu.be/1d4v3644nCs React Tailwind css Beginner Tutorial |Build Complete Portfolio Website https://youtu.be/nXyQYpalYgg Learn React Native in 2 hours for beginners: build a video streaming app https://youtu.be/xMtTnGCZSx8 Follow us on Instagram: https://www.instagram.com/tubeguruji/ Telegram Channel: https://t.me/tubeguruji Subscribe TubeGuruji Channel : https://www.youtube.com/@tubeguruji Buy Me a Coffee: https://www.buymeacoffee.com/tubegurujiw ▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬ 00:00 - Intro 00:52 - Application Overview 03:05 - Create Vite-React project 05:36 - Install Tailwind css 10:08 - Create Files and Folders 14:24 - Change Application Background 15:18 - Header 21:28 - React Icons 27:02 - Responsive Header 39:22 - TMDB API Call 1:07:27 - Movie List Slider(Genre List) 1:17:37 - Display Movie List 1:37:55 - Move the Slider on Button Click 1:49:41 - Quick Update and Challenge 1:52:09 - Deploy Application on Vercel 1:57:12 - Finish
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
