This project is a Spotify-like music player built with React. The application allows users to play music, navigate between tracks, control volume, and view song details. It features a responsive design, fluid animations, and custom background color gradients based on the album cover. The app is built to match a provided Figma design and uses a REST API to load song data.

Github: https://github.com/akhil091/musicspace

Features

• Music Playback: Play, pause, and skip tracks with custom controls.

• Responsive Design: Optimized for both desktop and mobile devices.

• Custom Hooks: Utilizes React custom hooks for song navigation and state management.

• Search Functionality: Filters songs based on user input.

• Dynamic Background: Changes background color based on the album cover.

• API Integration: Fetches song data from a REST API.

• Tab Navigation: Navigate between different music categories.

• Music Persistence: Music playback persists across tab changes.

Technologies Used

• React: Core library for building the user interface.

• Anime.js: For handling animations.

• Tailwind CSS: For styling and layout.

• React H5 Audio Player: For the audio player component.

• react-icons : For icons.

• REST API: For loading song data and album covers.