Skip to content

Sourabh-km13/MusicPlayer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎡 React Music Player

A fully functional and responsive music player built using React and React Howler. This project follows the Atomic Design Pattern (Atom, Molecule, Organism) for modular component architecture and uses Context API for state management.

πŸš€ Features

  • 🎧 Smooth Audio Playback – Play, pause, seek, next, previous song and shuffle functionalities using React Howler.
  • πŸ“± Responsive UI – Styled with Tailwind CSS for an adaptive user experience.
  • πŸŽ› State Management – Efficient global state handling with Context API.
  • πŸ— Modular Architecture – Components structured with Atomic Design Pattern.
  • πŸ”„ Optimized Performance – Efficient updates and re-renders for seamless audio playback.

πŸ›  Tech Stack

  • React.js – Frontend framework
  • React Howler – Audio playback library
  • Tailwind CSS – Styling
  • Context API – State management

πŸ“¦ Installation

  1. Clone the repository:
    git clone https://github.com/sourabh-km13/MusicPlayer.git
    cd MusicPlayer
  2. Install dependencies:
    npm install
  3. Start the development server:
    npm run dev

πŸ“Έ Screenshots

spotifyclone

About

πŸš€ React Music Player 🎡 .

Topics

Resources

Stars

Watchers

Forks