Feel free to give it a start ๐
- Fully responsive
- Aside nav
- Search functionality
- Categorised videos
- Skeleton loading
- Live data fetching
- Video page
Take a look at the live project deployed on Netlify
DESKTOP --------------------------------------------------------------------
![](https://private-user-images.githubusercontent.com/79264045/270698658-251d69af-ed6f-49c4-94af-809376a076a2.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU0MDU3MjEsIm5iZiI6MTcyNTQwNTQyMSwicGF0aCI6Ii83OTI2NDA0NS8yNzA2OTg2NTgtMjUxZDY5YWYtZWQ2Zi00OWM0LTk0YWYtODA5Mzc2YTA3NmEyLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAzVDIzMTcwMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI2ZjEyMzVmOTM1ODQ1YTBjNzQ3MTZjOGY0Njg2ZGZjODMzMDQ0OTM5NTgzMjc5MDM3ODQzY2E1YmNlNDMxYmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.iQ9LNg2obVN9VhF-bKvZEj25I2X1QORjI1-B2XhNy8s)
![](https://private-user-images.githubusercontent.com/79264045/270702006-d1155143-10bb-4f16-83bf-1938c4227a55.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU0MDU3MjEsIm5iZiI6MTcyNTQwNTQyMSwicGF0aCI6Ii83OTI2NDA0NS8yNzA3MDIwMDYtZDExNTUxNDMtMTBiYi00ZjE2LTgzYmYtMTkzOGM0MjI3YTU1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAzVDIzMTcwMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU2MTZkMjgwMDY3OGYzMzM0Y2IzYjExOTRmMDMyMGRhMWFmMWI2NmVlMTQxYmI4MDM0OTJlNDgyMTIyMTczMjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0._E8XX0sD3rDlMaDnsxiwrawfiDgzxRIerUgZ3yTVZvs)
Mobile ------------------------------------------------------------------------------
![](https://private-user-images.githubusercontent.com/79264045/270698483-6ebe35c4-5e04-4bbc-baec-ae45817fc38d.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU0MDU3MjEsIm5iZiI6MTcyNTQwNTQyMSwicGF0aCI6Ii83OTI2NDA0NS8yNzA2OTg0ODMtNmViZTM1YzQtNWUwNC00YmJjLWJhZWMtYWU0NTgxN2ZjMzhkLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAzVDIzMTcwMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWJjMGQ4OThmNzE0MzMyMTdmODI0YmI5OGI0OWNhZmM5ZjZhZDBhNmNlOWNhNDg5ODUyNTU5MmNiZTBmYTRkOWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.co6neEDqfi0oiD-yg__5HJ_KQdH91iusZckZk3BxuYo)
![](https://private-user-images.githubusercontent.com/79264045/270701985-59d11055-c8bd-4c76-88ee-a145af4da33f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU0MDU3MjEsIm5iZiI6MTcyNTQwNTQyMSwicGF0aCI6Ii83OTI2NDA0NS8yNzA3MDE5ODUtNTlkMTEwNTUtYzhiZC00Yzc2LTg4ZWUtYTE0NWFmNGRhMzNmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAzVDIzMTcwMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI1YjhhMTZkZWZhMjQ3NmU4NjU4OGY3ZTI4ODJlZjc2OThhMmIxMDkwMGFmZDBmNzhhZDI5ODliODI5ZmIyZjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.WnMcJlCCzzpWvk3RIXCnpIqdICTZKMspQf9sOVSXkkw)
Title: Introducing the ReactJS YouTube App, where video exploration gets a whole new perspective!
๐ฅ Features That'll Keep You Clicking:
๐ก Powered by Rapid API: Our app seamlessly taps into the vast world of YouTube with the help of Rapid API. Discover a wide range of video categories and unleash the power of search.
๐ Dynamic Video Pages: Dive into a dynamic experience as you explore different selected videos, all within the same app. It's like having a world of entertainment at your fingertips.
๐ฌ Fetch API Mastery: We make the web come alive with Fetch API, dynamically fetching data from Rapid API endpoints. Your video journey is as dynamic as it gets.
๐ฑ Fully Responsive: Whether you're on a phone, tablet, or desktop, our app adapts to your screen size, ensuring a seamless experience.
โก Speed of Light: Say goodbye to buffering! Our app is engineered for lightning-fast performance, so you can enjoy your videos without any delays.
๐จ Stunning UI & UX: Our design is more than skin deep. It's a visual and interactive masterpiece. Navigating through videos has never been this delightful.
๐ช CSS Elegance: We've crafted the perfect blend of pure CSS and Material-UI to create a sleek and captivating visual experience.
๐งน Clean & Reusable: Under the hood, our codebase is a marvel of cleanliness and reusability. Future enhancements and updates are a breeze.
Ready to embark on a video voyage? Clone this repository, follow the simple setup instructions in the documentation, and immerse yourself in a world of videos!
๐ฟ Grab your popcorn and start streaming. Your next favorite video is just a click away! ๐ฟ
Provided step-by-step instructions on how to install and run this project locally.
# Clone the repository
git clone https://github.com/Sky-De/Youtube_Clone_App
# Change directory
cd your-repo-name
# Add .env variables
check .env.example
# Install dependencies
npm install
# Run the project
npm run start
skyDe