https://github.com/rinechxn/songdb
My Music Collection of Remixed song + Music Player using Next.js Typescript
https://github.com/rinechxn/songdb
Last synced: 3 months ago
JSON representation
My Music Collection of Remixed song + Music Player using Next.js Typescript
- Host: GitHub
- URL: https://github.com/rinechxn/songdb
- Owner: Rinechxn
- Created: 2024-02-19T04:40:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-05T17:47:08.000Z (about 1 year ago)
- Last Synced: 2025-01-17T05:11:36.392Z (4 months ago)
- Language: TypeScript
- Homepage: https://songdb.uppriez.net/
- Size: 6.03 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NEiX's Music Collection 🎵 + Music Player 🎧
Welcome to NEiX's music collection project! This project is built using Next.js with TypeScript, featuring a collection of remixed songs along with a built-in music player.
## Features
- **Remixed Music Collection:** Browse through a curated collection of remixed songs, listing in SQLite3 + Express.js.
- **Music Player:** Enjoy seamless playback of your favorite remixes with the built-in music player.
- **Next.js:** Utilizes the power of Next.js for server-side rendering and optimized performance.
- **Responsive Design:** The application is designed to be fully responsive, ensuring a great experience across all devices.
## Project Structure
```
📁 public\
│ ├── 🖼️ images\
│ │ └── seo.png
│ └── 🌟 favicon.ico
│
📁 src\
│ ├── 📁 assets\
│ │ ├── 📁 data\
│ │ │ ├── color.ts
│ │ │ ├── nav.ts
│ │ │ ├── packageversion.ts
│ │ │ └── styled.ts
│ │ └── 📁 fonts\
│ │ ├── 🖋️ Geist\
│ │ │ ├── Geist-Black.woff2
│ │ │ ├── Geist-Bold.woff2
│ │ │ ├── Geist-Light.woff2
│ │ │ ├── Geist-Medium.woff2
│ │ │ ├── Geist-Regular.woff2
│ │ │ ├── Geist-SemiBold.woff2
│ │ │ ├── Geist-Thin.woff2
│ │ │ ├── Geist-UltraBlack.woff2
│ │ │ └── Geist-UltraLight.woff2
│ │ ├── 📜 LineSeedSansTH\
│ │ │ ├── LINESeedSansTH_W_Bd.woff
│ │ │ ├── LINESeedSansTH_W_He.woff
│ │ │ ├── LINESeedSansTH_W_Rg.woff
│ │ │ ├── LINESeedSansTH_W_Th.woff
│ │ │ └── LINESeedSansTH_W_XBd.woff
│ │ └── index.ts
│ ├── 📁 components\
│ │ ├── 🧭 Nav\
│ │ │ ├── Header.tsx
│ │ │ ├── Nav.tsx
│ │ │ ├── Sidebar.tsx
│ │ │ └── index.ts
│ │ ├── 🎨 icons\
│ │ │ ├── UpxLogo.tsx
│ │ │ ├── backbutton.tsx
│ │ │ ├── bugicon.tsx
│ │ │ ├── discord.tsx
│ │ │ ├── donateicon.tsx
│ │ │ ├── downloadbtn.tsx
│ │ │ ├── ghicon.tsx
│ │ │ ├── homeicon.tsx
│ │ │ ├── muteicon.tsx
│ │ │ ├── pauseicon.tsx
│ │ │ ├── playicon.tsx
│ │ │ ├── playsolid.tsx
│ │ │ ├── repeaticon.tsx
│ │ │ ├── repeatoneicon.tsx
│ │ │ ├── searchicon.tsx
│ │ │ ├── shareicon.tsx
│ │ │ ├── shuffleicon.tsx
│ │ │ ├── skipleft.tsx
│ │ │ ├── skipright.tsx
│ │ │ ├── star.tsx
│ │ │ ├── starsolid.tsx
│ │ │ ├── volumeicon.tsx
│ │ │ └── waveformicon.tsx
│ │ ├── 🎵 AudioPlayer.tsx
│ │ ├── 📁 CardFile.tsx
│ │ ├── 🔄 DownloadStatus.tsx
│ │ ├── ❗ ErrorDisplay.tsx
│ │ ├── 🔄 LoadingScreen.tsx
│ │ ├── 📢 Notification.tsx
│ │ └── 📱 PlayerScreen.tsx
│ ├── 📚 libs\
│ │ ├── AudioContext.tsx
│ │ ├── DownloadContext.tsx
│ │ └── ErrorContext.tsx
│ ├── 📄 pages\
│ │ ├── 404.tsx
│ │ ├── _app.tsx
│ │ ├── _document.tsx
│ │ └── index.tsx
│ ├── 🎨 styles\
│ │ └── globals.scss
│ └── 🛠️ utils\
│ ├── bytetosize.ts
│ └── timeformat.ts
│
🗝️ .env.example
🙈 .gitignore
📝 README.md
next-env.d.ts
next.config.mjs
out.txt
📦 package.json
pnpm-lock.yaml
postcss.config.js
tailwind.config.ts
tsconfig.json
```