This is a full-fledged YouTube clone built using ReactJS and TypeScript. The clone uses the YouTube v3 API on RapidAPI. The app showcases basic React functionality using functional components and utilizes useState and useEffect hooks, react-router-dom and useParams hooks are used for routing. The app also uses Material-UI for various components and to produce beautiful layouts. It utilizes the YouTube v3 API on RapidAPI to fetch and display videos, channels, and playlists.
- Search for videos, channels, and playlists
- Watch videos with comments and related videos
- Browse videos by category
- Explore popular videos and channels
- Responsive design for mobile and desktop
- ReactJS
- TypeScript
- React Router DOM
- Material-UI
- YouTube v3 API on RapidAPI
To get started, clone this repository to your local machine: git clone https://github.com/DocSJ1980/sjtube.git
To use this project, you will need to obtain your own YouTube v3 API key from RapidAPI and set it in the .env file.
VITE_API_KEY=<your_api_key_here>
Then, you can run the project with: npm install npm run dev
You can preview the live app here.
This project was inspired by the tutorial from JS Mastery YouTube channel. However used Typescript instead of
This project is licensed under the MIT License.