https://github.com/aarambhdevhub/music-pathform-frontend
https://github.com/aarambhdevhub/music-pathform-frontend
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/aarambhdevhub/music-pathform-frontend
- Owner: AarambhDevHub
- License: mit
- Created: 2025-02-13T03:12:16.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-02-13T03:23:40.000Z (8 months ago)
- Last Synced: 2025-02-13T04:25:00.725Z (8 months ago)
- Language: TypeScript
- Size: 243 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎵 Music Platform Frontend
This is the frontend for the Music Platform built using Next.js, Auth.js, ShadCN, Tailwind CSS, and TypeScript.
## 🚀 Features
- **Next.js 14** – Fast and optimized React framework
- **Auth.js** – Secure authentication and session management
- **ShadCN** – Pre-built UI components with Radix
- **Tailwind CSS** – Utility-first CSS for easy styling
- **TypeScript** – Static typing for better development experience
## 📦 Tech Stack
- **Framework:** Next.js
- **Authentication:** Auth.js
- **UI Components:** ShadCN (Radix-based components)
- **Styling:** Tailwind CSS
- **Language:** TypeScript
## 🛠️ Setup & Installation
### Prerequisites
- Node.js (Latest LTS recommended)
- npm or yarn
### Installation
1. Clone the repository:
```sh
git clone https://github.com/AarambhDevHub/music-pathform-frontend.git
cd music-platform-frontend
```
2. Install dependencies:
```sh
npm install # or yarn install
```
3. Create a `.env` file and configure environment variables:
```sh
API_BASE_URL= BACKEND_URL_WITH_SLCE_API
```
4. Run the development server:
```sh
npm run dev # or yarn dev
```
## 🔐 Authentication Setup
This project uses **Auth.js** for authentication. You can configure providers such as Google, GitHub, or custom credentials in `src/app/api/auth/[...nextauth].ts`.
## 🎨 Styling
Tailwind CSS is used for styling with utility classes. ShadCN components provide pre-styled UI elements.
## 🚀 Deployment
To deploy the application:
```sh
npm run build # or yarn build
```
Then deploy on **Vercel**, **Netlify**, or your preferred hosting provider.
## 📜 License
This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for more details.
---
## Donations
If you find this project useful and would like to support its continued development, you can make a donation via [Buy Me a Coffee](https://buymeacoffee.com/aarambhdevhub).
Thank you for your support!
Happy coding! 🎧🚀