MusicX

MusicX is a modern music streaming web app built using Node.js, React, Material UI (MUI), and TypeScript, powered by the Unofficial JioSaavn API by Sumit Kolhe.

Features

• Search & Stream your favorite songs with a clean and responsive interface (Search & Stream Available)
• Browse and play songs from various genres and playlists (In Progress)
• Create and manage your own playlists (In Progress)
• Adaptive UI with support for both light and dark themes
• Support for multiple themes customization and UI elements
• Seamless music playback with queue and playlist management (In Progress)
• Mobile-friendly design

Technologies Used / Tech Stack

Frontend

• Node.js: JavaScript runtime for server-side execution
• React: JavaScript library for building user interfaces
• Vite: Fast build tool and development server
• TypeScript: Strongly typed programming language for better code quality
• Material UI (MUI): Component library for building sleek, responsive UIs

Backend

• Unofficial JioSaavn API: For fetching music data

Setup Instructions

To run the MusicX web app locally, follow the steps below:

Prerequisites

Make sure you have the following installed:

• Node.js (v14.x or higher)
• npm (comes with Node.js) or yarn (optional)

Step 1: Clone the Repository

Clone the repository to your local machine:

git clone https://github.com/Ashishrdc/MusicX.git

Step 2: Navigate to the Project Directory

Move into the project folder:

cd Musicx

Step 3: Install Dependencies

Run the following command to install all the necessary dependencies:

Using npm:

npm install

Using pnpm:

npm install

Or, if you're using yarn:

yarn install

Step 4: Start the Development Server

Now, start the development server with:

Using npm:

npm run dev

Using pnpm:

pnpm run dev

Or using yarn:

yarn dev

The development server will start at http://localhost:5000.

You're all set! You can now explore and modify the MusicX web app.

Made with ❤️ by Ashish Chaurasiya. Let me know if you'd like to add or adjust anything!