YouTube Clone

This is a YouTube clone project built with React JS, Typescript, Tailwindcss.

View Demo

Introduction

This is a YouTube clone project. I want to add what I learn in this and future projects. I did this project with ReactJS. I used Tailwindcss for style argument and Typescript for type safety and also to send HTTP requests to get data from axios package.

Technologies Used

• Vitejs: Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.
• React.js: Frontend library for building the user interface.
• Tailwindcss: A utility-first CSS framework packed with classes.
• Typescript: TypeScript is JavaScript with syntax for types.
• Axios: Promise based HTTP client for the browser and node.js.
• RapidAPI: Find the APIs you need for your project, embed the API in your app.
• React Icons: For icons.

Configuration

1. Create a .env file in the root directory of your project.
2. Add necessary environment variables to the .env file.

VITE_RAPIDAPI_KEY=
VITE_RAPIDAPI_HOST=

Installation

1. Clone the repo

   git clone https://github.com/aliasghar-official/react-youtube-clone.git

2. Install NPM packages

   npm install

3. Start the application

   npm run dev

Open your web browser and visit http://localhost:5173 to access the application.