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
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.
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.
Built with