https://github.com/poran-dip/tunex
🎶 A modern music dashboard built with React, Vite, and TailwindCSS — fast, responsive, and deployed on GitHub Pages.
https://github.com/poran-dip/tunex
dashboard frontend github-pages music react tailwindcss ui vite webapp
Last synced: 2 days ago
JSON representation
🎶 A modern music dashboard built with React, Vite, and TailwindCSS — fast, responsive, and deployed on GitHub Pages.
- Host: GitHub
- URL: https://github.com/poran-dip/tunex
- Owner: poran-dip
- Created: 2025-08-30T20:17:20.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-30T20:51:56.000Z (10 months ago)
- Last Synced: 2025-08-30T22:18:46.631Z (10 months ago)
- Topics: dashboard, frontend, github-pages, music, react, tailwindcss, ui, vite, webapp
- Language: TypeScript
- Homepage: https://poran-dip.github.io/TuneX/
- Size: 41 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎶 TuneX
TuneX is a sleek **music dashboard app** built with [Vite](https://vite.dev/), [React](https://react.dev/), and [TailwindCSS](https://tailwindcss.com/).
It’s designed to explore, manage, and vibe with your music in a clean UI.
---
## 🚀 Features
* ⚡ **Fast dev setup** powered by Vite
* 🎨 **Modern UI** styled with TailwindCSS
* 🔍 **Search & browse** music/artist data
* 📱 **Responsive design** (works on desktop + mobile)
* 🔄 **GitHub Pages auto-deploy** via CI/CD workflow
---
## 🛠️ Tech Stack
* **Frontend**: React + Vite
* **Styling**: TailwindCSS
* **Deployment**: GitHub Pages (with GitHub Actions)
---
## 📦 Getting Started
### 1. Clone the repo
```bash
git clone https://github.com/poran-dip/TuneX.git
cd TuneX/client
```
### 2. Install dependencies
```bash
npm install
```
### 3. Run locally
```bash
npm run dev
```
App will be live at [http://localhost:5173](http://localhost:5173).
### 4. Build for production
```bash
npm run build
```
---
## 🌐 Deployment
TuneX auto-deploys to **GitHub Pages** using a GitHub Actions workflow.
Every push to `main` builds the app and publishes it to:
👉 [https://porandip.github.io/TuneX](https://porandip.github.io/TuneX)