-
Notifications
You must be signed in to change notification settings - Fork 6
Home
SmartTube is an advanced YouTube clone built with ReactJS, JavaScript, CSS, HTML, RapidAPI, and Material UI. It offers a smooth, feature-rich video sharing and viewing experience inspired by the original YouTube, with additional features and a modern interface.
Explore the project, contribute ideas, or use it as a base for your own apps!
SmartTube is a robust YouTube clone that leverages ReactJS for building a responsive UI, Material UI for modern design components, and RapidAPI to seamlessly access YouTube's video data. The project is designed to provide a familiar, engaging, and dynamic video browsing experience. It supports video playback, searching, and curated content tailored to user interests.
Whether you're a developer looking to learn or a content creator wanting a custom platform, SmartTube is designed to be easy to set up and extend.
- ReactJS
- JavaScript (ES6+)
- HTML5 & CSS3
- Material UI
- RapidAPI (YouTube API)
Follow these instructions to get your own copy of SmartTube running locally.
- Basic knowledge of JavaScript, ReactJS, HTML, and CSS
- Node.js and npm installed
- An API key from RapidAPI (for YouTube data access)
- Clone the repository
git clone https://github.com/hemang-2001/smartube.git - Navigate to the project directory
cd smartube - Install the dependencies
npm install - Obtain your API key from RapidAPI and add it to the
config.jsfile:
const API_KEY = 'ENTER_YOUR_API_KEY_HERE'; - Start the development server
npm start - Open your browser at
http://localhost:3000to see SmartTube in action.
SmartTube lets users search videos, watch them seamlessly, and enjoy a UI inspired by YouTube with additional user-friendly features. It adapts gracefully to desktop and mobile views.
Contributions are what make the open source community amazing. If you have ideas, bug fixes, or new features you'd like to propose:
- Fork the repository
- Create a feature branch
git checkout -b feature/your-feature-name - Commit your changes
git commit -m 'Add some feature' - Push to the branch
git push origin feature/your-feature-name - Open a Pull Request and describe your changes.
Please also check existing issues to avoid duplicates and read the Code of Conduct and any contributing guidelines.
- Hemang Bairwa – Developer and maintainer
- Contributions from community members and bots (e.g., ImgBot)
- Repository: https://github.com/hemang-2001/smartube
- Demo: smartube.vercel.app
- LinkedIn: https://www.linkedin.com/in/-hemangb/
- Issues and feature requests are welcomed via GitHub Issues on the repo.