Acapellas is a unique audio player application built with React. Inspired by Spotify, it allows users to enjoy songs in an innovative way by focusing solely on vocal tracks. With its sleek UI and intuitive functionality, Acapellas aims to redefine how users experience music by removing instrumental distractions.
- Vocal-Only Playback: Listen to songs without the accompanying music.
- Responsive Design: Optimized for a seamless experience across devices.
- Modern UI: Clean and user-friendly interface inspired by industry standards.
- Dynamic Audio Control: Play, pause, and navigate through tracks effortlessly.
- State Management: Efficiently handles user interactions and track states.
- Frontend Framework: React (with React Hooks)
- Styling: CSS Modules for modular and scalable styles
- State Management: React Context API
- Build Tool: Vite for fast and optimized development
-
Clone the repository:
git clone https://github.com/mohammadsarfarazafzal/acapellas.git cd acapellas -
Install dependencies:
npm install
-
Run the application locally:
npm run dev
-
Build for production:
npm run build
- Navigate to the home page of the app.
- Select a track to play.
- Experience the audio without instrumental distractions.
Contributions are welcome! Here's how you can help:
- Fork the repository.
- Create a new branch:
git checkout -b feature-name - Make your changes and commit them:
git commit -m 'Add some feature' - Push to the branch:
git push origin feature-name - Submit a pull request.
- Add more tracks and enhance track selection.
- Improve UX for mobile users.
This project is licensed under the BSD 3-Clause License. See the LICENSE file for details.
Created and maintained by Mohammad Sarfaraz Afzal.
- Special thanks to the creators of Spotify for the inspiration.
- Shoutout to open-source developers who provided insights on audio manipulation.