A full-stack web application that allows users to stream and manage music through a responsive and interactive interface. The project demonstrates integration between a dynamic frontend and a scalable backend.

Features

• Play, pause, and skip tracks
• Playlist management
• Browse songs, artists, and albums
• User authentication (if implemented)
• Responsive design for multiple devices
• API-driven architecture

Tech Stack

Frontend

• HTML, CSS, JavaScript
• React.js

Backend

• Node.js
• Express.js

Other Tools

• REST APIs
• Authentication (JWT)

---

Project Structure

Full-stack-Music-player/
│── frontend/        # Client-side code
│── backend/         # Server-side logic
│── models/          # Database models
│── routes/          # API endpoints
│── public/          # Static assets
│── package.json

---

Installation and Setup

1. Clone the repository

git clone https://github.com/Iramkazi06/Full-stack-Music-player.git
cd Full-stack-Music-player

2. Install dependencies

npm install

3. Configure environment variables

Create a .env file in the root directory:

PORT=5000
MONGO_URI=your_mongodb_connection
JWT_SECRET=your_secret_key

4. Run the application

npm start

---

Usage

• Open http://localhost:5000
• Browse available music
• Play tracks directly in the browser
• Manage playlists

---

Future Improvements

• Recommendation system
• Offline playback support
• Advanced audio controls
• UI/UX enhancements

---

Contributing

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Open a pull request

Author

GitHub: https://github.com/Iramkazi06