Musiverse is a modern music streaming application designed with user experience and functionality at its core. Built using Next.js for server-side rendering, Redux Toolkit for state management, and Tailwind CSS for responsive styling, Musiverse offers a seamless and visually appealing interface for discovering and listening to music. The web-based audio player allows users to play their favorite music tracks directly from their browser with essential controls like play, pause, next, previous, volume adjustment, and a progress bar. It features a modern, responsive design with both light and dark modes to enhance the user experience.
- Responsive Design: Works seamlessly on both desktop and mobile devices.
- Light and Dark Modes: Switch between light and dark themes to suit your preference.
- Playback Controls: Includes play, pause, next, previous, and volume control.
- Progress Bar: Visualize the current playback time and jump to any part of the track.
- Framework: Next.js, React.js
- State Management: Redux Toolkit
- UI Library: Tailwind CSS
- Icons: React Icons
- Fetch Hook: Custom hook for fetching album data from an API
- Framework: Next.js ,Reactjs
- State Management: Redux Toolkit
- UI Library: Tailwind CSS
- IconsIcons: React Icons
- Fetch HookFetch Hook: Custom hook for fetching album data from an API
To set up the Music Player Project locally, follow these steps:
- Clone the repository
git clone https://github.com/yourusername/music-player-project.git
- Navigate to the project directory
cd music-player-project - Install dependencies
npm install- Install dependencies
npm install- Run the development server
npm run dev- Open your browser and visit
http://localhost:3000
