Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wonderstk/mytube
MyTube is a YouTube clone built with React, Redux, Tailwind CSS, and the YouTube API, created by MEHUL KUMAR.
https://github.com/wonderstk/mytube
Last synced: 27 days ago
JSON representation
MyTube is a YouTube clone built with React, Redux, Tailwind CSS, and the YouTube API, created by MEHUL KUMAR.
- Host: GitHub
- URL: https://github.com/wonderstk/mytube
- Owner: WonderSTK
- Created: 2024-08-20T16:18:48.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-15T07:39:42.000Z (4 months ago)
- Last Synced: 2024-09-15T10:36:19.805Z (4 months ago)
- Language: JavaScript
- Homepage: https://my-tube-xi.vercel.app
- Size: 396 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MyTube
**MyTube** is a sophisticated video platform inspired by YouTube, meticulously crafted to mirror the look, feel, and functionality of the original platform. With cutting-edge technology and a sleek design, MyTube provides users with a seamless and immersive experience.
## ✨ Features
- **Comprehensive YouTube Clone**: MyTube faithfully replicates YouTube's interface and functionalities, ensuring an intuitive user experience.
- **API Polling**: Added feature for LIVE CHAT, although it's not dynamic in this version.
- **YouTube Search Suggestions**: As users type in the search bar, MyTube offers smart suggestions, making it easier to find relevant content quickly.
- **Voice-Activated Search**: MyTube integrates voice recognition technology, allowing users to search for videos using just their voice.
## 🛠️ Technology Stack
MyTube is built with modern front-end technologies to ensure high performance and a responsive user interface:
- **React**: A JavaScript library for building user interfaces, ensuring fast and responsive components.
- **Redux & Redux Toolkit**: State management tools to handle complex application states efficiently.
- **React Router DOM**: For seamless navigation across the application.
- **Tailwind CSS**: A utility-first CSS framework for designing sleek and responsive interfaces.
- **React Icons**: A comprehensive collection of icons to enhance the visual appeal of the application.
- **Moment.js**: A library for parsing, validating, and formatting dates, ensuring accurate time display across the platform.
## 🚀 Getting Started
Follow these steps to set up and run MyTube on your local machine:
1. **Clone the Repository**:
```bash
git clone https://github.com/WonderSTK/MyTube.git
install Dependencies:
Navigate to the project directory and install the necessary dependencies:
2. **Set Up Environment Variables:**:
```bash
npm install
Create a .env file in the root directory and add your YouTube API key:
3. **Run the Application::**:
```bash
GOOGLE_API_KEY=
Start the development server:
4. **Start your local host server::**:
```bash
npm start
Open your browser and go to http://localhost:3000 to explore MyTube.
📚 Conclusion
MyTube is more than just a YouTube clone—it's a testament to modern web development practices, showcasing how to build a feature-rich application using React and its ecosystem. Whether you're interested in learning how to implement advanced features or looking to build your own video-sharing platform, MyTube serves as a comprehensive guide.