https://github.com/mel-turham/vidtube
VidTube: A YouTube-inspired web app that allows users to watch and filter videos by categories using the YouTube API. Built with React, JavaScript, and responsive design.
https://github.com/mel-turham/vidtube
api-rest css3 html javascript momentjs react-router-dom reactjs responsive vitejs-react
Last synced: 4 months ago
JSON representation
VidTube: A YouTube-inspired web app that allows users to watch and filter videos by categories using the YouTube API. Built with React, JavaScript, and responsive design.
- Host: GitHub
- URL: https://github.com/mel-turham/vidtube
- Owner: Mel-Turham
- Created: 2024-04-05T11:05:10.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-11T00:18:15.000Z (over 1 year ago)
- Last Synced: 2025-07-13T07:42:08.060Z (11 months ago)
- Topics: api-rest, css3, html, javascript, momentjs, react-router-dom, reactjs, responsive, vitejs-react
- Language: JavaScript
- Homepage: https://youtube-clone-azure.vercel.app
- Size: 4.14 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VidTube
**VidTube** is a YouTube-inspired web application that allows users to watch and filter videos by categories, with a user-friendly, responsive interface. Leveraging the YouTube API, VidTube provides an immersive experience for exploring and discovering a wide range of video content.
## Features
- **Video Display**: Access a variety of videos fetched from the YouTube API.
- **Category Filtering**: Easily navigate and sort videos by different categories.
- **Responsive Design**: Adapted for both mobile and desktop screens.
## Technologies Used
- **JavaScript, HTML, CSS3 (Responsive)**: Core structure, styles, and interactions.
- **React.js**: Framework for a dynamic and interactive user interface.
- **React Router DOM**: Smooth navigation between application pages.
- **YouTube API (REST)**: Real-time video data fetching.
- **Moment.js**: User-friendly date formatting and handling.
- **Vite.js React**: Fast, optimized development environment.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/Mel-Turham/VidTube.git
```
2. Navigate to the project directory:
```bash
cd VidTube
```
3. Install dependencies:
```bash
pnpm install
```
4. Run the application:
```bash
pnpm dev
```
## Contribution
Contributions are welcome! Feel free to open an *issue* or *pull request* to suggest improvements or fix bugs.