A modern, full-stack music management platform that allows users to manage artists, albums, and songs with an intuitive UI and robust backend. This application supports user authentication, playlist and favorite song management, and seamless CRUD operations — all built with the MERN + Next.js stack and styled with Tailwind CSS.
🚀 Live Demo: [(https://music-studio-omega.vercel.app/)]
📂 Repository: [(https://github.com/Addii155/Music-Studio)]_
- Features
- Screenshots
- Technologies Used
- Setup Instructions
- Features in Detail
- Architecture
- API Endpoints
- Contributing
- License
- Acknowledgments
- ✅ JWT Authentication for secure login/signup
- ✅ Artist Management with image, bio, and date of birth
- ✅ Album Management with thumbnails, genre, and descriptions
- ✅ Song Management including favorites and playlist creation
- ✅ CRUD operations for artists, albums, and songs
- ✅ Search and filter functionality for quick access
- ✅ Responsive UI with Tailwind CSS
- ✅ Form validation using React Hook Form
- ✅ Toast notifications for user feedback
- ✅ MongoDB Atlas integration for cloud database support
| Login Page | Artist Management | Album Creation | Playlist UI |
|---|---|---|---|
| Add image | Add image | Add image | Add image |
Add screenshots to a
/screenshotsfolder and link them here using.
- ReactJS – Component-based UI
- Next.js – Server-side rendering and API routes
- React Hook Form – Form validation and handling
- Tailwind CSS – Utility-first responsive styling
- Axios – REST API integration
- React Hot Toast – Notification system
- Node.js – Runtime environment
- Express.js – REST API framework
- Mongoose – ODM for MongoDB
- JWT – Authentication
- bcrypt.js – Password hashing
- MongoDB Atlas – Cloud-hosted NoSQL database
git clone https://github.com/Addii155/Music-Studio.git
cd Music-Studio