https://github.com/pointedsec/yt-converter-client
Modern YouTube to MP3/MP4 converter with elegant UI, built using React + TypeScript + shadcn/ui
https://github.com/pointedsec/yt-converter-client
dark-mode modern-ui react react-hooks responsive-design shadcn-ui tailwindcss typescript video-downloader youtube-converter youtube-converter-web-application youtube-downloader zustand
Last synced: 2 months ago
JSON representation
Modern YouTube to MP3/MP4 converter with elegant UI, built using React + TypeScript + shadcn/ui
- Host: GitHub
- URL: https://github.com/pointedsec/yt-converter-client
- Owner: pointedsec
- License: mit
- Created: 2025-04-02T20:12:22.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-11T12:38:52.000Z (about 1 year ago)
- Last Synced: 2025-04-11T14:14:11.800Z (about 1 year ago)
- Topics: dark-mode, modern-ui, react, react-hooks, responsive-design, shadcn-ui, tailwindcss, typescript, video-downloader, youtube-converter, youtube-converter-web-application, youtube-downloader, zustand
- Language: TypeScript
- Homepage:
- Size: 542 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
MediaFlow
A modern YouTube media converter with support for MP3 and MP4 formats
## 🌟 Features
- **Video Conversion**: Convert YouTube videos to MP3 or MP4 formats
- **Multiple Resolutions**: Support for various video quality options
- **User Management**: Secure user authentication and role-based access
- **Conversion History**: Track and manage your converted media
- **Dark Mode**: Built-in theme switcher for comfortable viewing
- **Responsive Design**: Fully responsive interface for all devices
## 🚀 Tech Stack
- **Frontend**: React + TypeScript
- **Styling**: Tailwind CSS + shadcn/ui
- **State Management**: Zustand
- **Form Handling**: React Hook Form + Zod
- **Build Tool**: Vite
## 📦 Installation
1. Clone the repository:
```bash
git clone https://github.com/pointedsec/yt-converter-client.git
```
2. Navigate to the project directory:
```bash
cd yt-converter-client
```
3. Install dependencies:
```bash
pnpm install
```
4. Create a `.env` file in the root directory: (You need to first setup the [yt-converter-api](https://github.com/pointedsec/yt-converter-api) API)
```bash
VITE_API_URL=http://localhost:3000
```
5. Start the development server:
```bash
pnpm run dev
```
6. Open your browser and visit `Open your browser and visit URL_ADDRESS:5173`
7. Enjoy!
# 🔧 Configuration
The application requires the following environment variables:
- `VITE_API_URL`: The URL of the backend API.
# 🛠️ Development
- Start development server: ```pnpm run dev```
- Build for production: ```pnpm run build```
- Preview production build: ```pnpm run preview```
# 🔐 Security
- JWT-based authentication
- Role-based access control
- Secure password handling
- Protected API routes
# 🤝 Contributing
- Fork the repository
- Create your feature branch: ```git checkout -b feature/amazing-feature```
- Commit your changes: ```git commit -m 'Add amazing feature'```
- Push to the branch: ```git push origin feature/amazing-feature```
- Open a Pull Request
# 📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
# Authors
- pointedsec - Initial work - [pointedsec](https://pointedsec.vercel.app)
---
# License
This project is licensed under the MIT License - see the LICENSE file for details.
---
Made with ❤️ by pointedsec