Music Portal is a full-featured web application that allows users to stream music using the Deezer API, manage personal playlists, and discover new tracks. The app features a built-in audio player, search functionality, user authentication, and seamless playlist management.
In addition, the backend server allows downloading MP3 audio from YouTube videos using ytdl-core.
- 🔐 Authorization via Deezer API
- 🔍 Search and explore music by track, artist, or album
- 🎵 Integrated player with playback controls
- ❤️ Add and remove tracks from favorites
- 📁 Create, delete, and manage playlists
- 📌 Add and remove tracks from playlists
- 🎶 Backend support for streaming MP3 from YouTube
- 🌙 Modern, responsive UI
- React
- TypeScript
- React Router
- React Hot Toast
- SCSS
- Deezer API
- Custom Node.js Backend
ytdl-corefor MP3 support
To set up and run the application, follow these steps:
- Clone the repository:
git clone https://github.com/martha-555/my-app.git cd music-portal - Install dependencies: Run the following command to install the required packages:
npm install - Start the frontend: After installing the dependencies, start the application:
npm start - Set up the backend: You need to start the backend server as well. Clone the backend repository:
git clone https://github.com/martha-555/music-backend.git
cd music-backend- Install backend dependencies: Run the following command in the backend directory:
npm install
6.Start the backend server: Start the backend server on port 3001: npm start
Now your frontend will be able to make requests to the backend server running on port 3001.
Once both servers are running, you can access the Music Portal in your browser at http://localhost:3000. Enjoy exploring music and managing your playlists!