https://github.com/rinechxn/sniptubez
Youtube Downloader with Python + Vite React
https://github.com/rinechxn/sniptubez
python react typescript vite youtube-dl youtube-downloader
Last synced: 3 months ago
JSON representation
Youtube Downloader with Python + Vite React
- Host: GitHub
- URL: https://github.com/rinechxn/sniptubez
- Owner: Rinechxn
- Created: 2023-07-31T20:55:20.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-02T20:01:38.000Z (almost 2 years ago)
- Last Synced: 2025-01-17T05:11:36.547Z (4 months ago)
- Topics: python, react, typescript, vite, youtube-dl, youtube-downloader
- Language: TypeScript
- Homepage:
- Size: 154 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Sniptubez - Simple YouTube Downloader with Python + Vite React TypeScript
Sniptubez is a simple YouTube downloader built using Python for the backend and Vite with React and TypeScript for the frontend. It allows users to download YouTube videos for offline viewing.
## Project Structure
```
📦 sniptubez
├─ .gitignore
├─ app.py
├─ frontend
│ ├─ .eslintrc.cjs
│ ├─ .gitignore
│ ├─ README.md
│ ├─ index.html
│ ├─ package.json
│ ├─ postcss.config.js
│ ├─ public
│ │ └─ vite.svg
│ ├─ src
│ │ ├─ App.css
│ │ ├─ App.tsx
│ │ ├─ assets
│ │ │ └─ react.svg
│ │ ├─ index.css
│ │ ├─ main.tsx
│ │ └─ vite-env.d.ts
│ ├─ tailwind.config.js
│ ├─ tsconfig.json
│ ├─ tsconfig.node.json
│ ├─ vite.config.ts
│ └─ yarn.lock
├─ requirements.txt
└─ test
└─ rootdir.py
```
## Backend
The backend of the project is implemented using Python. The main entry point is `app.py`, which will handle the server and the API endpoints to process YouTube video download requests.
## Frontend
The frontend is built using Vite, React, and TypeScript. The main source code for the frontend is located in the `frontend/src` directory. The entry point for the frontend is `frontend/src/main.tsx`. The UI components and logic are defined in various files inside the `src` directory.
## Dependencies and Configuration Files
The project includes various configuration files such as `.eslintrc.cjs`, `postcss.config.js`, `tailwind.config.js`, `tsconfig.json`, `tsconfig.node.json`, and `vite.config.ts` for setting up the development environment and build processes.
## Installation and Setup
To run the project, you'll need to install the required Python packages listed in `requirements.txt`. Additionally, you'll need Node.js and yarn for setting up the frontend. To install the frontend dependencies, navigate to the `frontend` directory and run `yarn install`.
## Usage
To start the development server for the frontend, navigate to the `frontend` directory and run `yarn dev`. For the backend, run the `app.py` file.
## Note
Please ensure that you use this project responsibly and adhere to the YouTube terms of service when downloading videos. The project is provided for educational purposes only.