https://github.com/bakna2t/altube
A react js typescript styled components alternetive yt app
https://github.com/bakna2t/altube
Last synced: 3 months ago
JSON representation
A react js typescript styled components alternetive yt app
- Host: GitHub
- URL: https://github.com/bakna2t/altube
- Owner: bakNa2t
- Created: 2024-11-21T08:59:48.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-12-28T13:48:53.000Z (6 months ago)
- Last Synced: 2024-12-28T14:17:36.601Z (6 months ago)
- Language: TypeScript
- Size: 266 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Altube (React + TypeScript + Styled Components + Vite)
Altube is a YouTube clone built with React, TypeScript, and Styled Components. It uses Vite as the build tool and React Router for routing, utilizing the Rapid API for data fetching. The application features a robust state management system using Redux Toolkit and showcases videos using the React Player library.
#### Getting Started
To get started with this project, you will need to have Node.js and Vite installed on your machine.
To install Node.js, visit the Node.js website: [node](https://nodejs.org)
To install Vite, run the following command in your terminal:
```
npm install -g vite
```
Once you have Node.js and Vite installed, you can clone the altube repository to your local machine:
```
git clone https://github.com/bakna2t/altube.git
```
Navigate to the altube directory and install the dependencies:
```
cd altube
npm install
```
To start the development server, run the following command:
```
npm run dev
```
The development server will be running on http://localhost:5173. You can open this URL in your web browser to view the altube app.
#### Developed with:
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Vite](https://vitejs.dev/)
- [Styled Components](https://styled-components.com/)
- [React Router](https://reactrouter.com/)
- [React Redux](https://react-redux.js.org/)
- [Redux Toolkit](https://redux-toolkit.js.org/)
- [React Speech Recognition](https://www.npmjs.com/package/react-speech-recognition/v/3.0.0)
- [React Player](https://www.npmjs.com/package/react-player)
- [React Tooltip](https://www.npmjs.com/package/react-tooltip)
- [React Icons](https://www.npmjs.com/package/react-icons)
- [YouTube Rapid API](https://rapidapi.com/ytdlfree/api/youtube-v31)