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: github.com/rrs301/hulu-clone-...
🔴React Icons:react-icons.github.io/react-i...
🔴Application Demo : hulu-clone-vite-app-tubeguruj...
🔴React Tailwind css Tutorial for Beginners | Build and Deploy Complete Responsive website🔴
Watch Full Video 👇🏻
• React Tailwind css Tut...
React Tailwind css Beginner Tutorial |Build Complete Portfolio Website
• React Tailwind css Beg...
Learn React Native in 2 hours for beginners: build a video streaming app
• 2 hours to master reac...
Follow us on Instagram: / tubeguruji
Telegram Channel: t.me/tubeguruji
Subscribe TubeGuruji Channel : / @tubeguruji
Buy Me a Coffee: 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
27 июл 2024