Lofi Music App 🎵
A soothing Lofi Music App built using React and Tailwind CSS, offering a collection of relaxing tracks and ambient effects to unwind and boost productivity. ⭐
🌻 Features
- Track Library: Enjoy a collection of Lofi tracks, perfect for studying, working, or relaxing.
- Ambient Sounds: Short ambient effects like fire crackling, nature sounds, and rain to set your mood.
- User-Friendly Interface: Simple and intuitive design for a seamless listening experience.
🛠 Tech Stack
- React: Frontend framework for building the app's user interface.
- Tailwind CSS: Utility-first CSS framework for styling and responsiveness.
- JavaScript (ES6+): Core programming language used for functionalities.
- Vercel: Deployed and hosted using Vercel.
⏩ Quick Start
- Clone the Repository:
git clone https://github.com/ArvindParekh/lofi-music-app.git - Navigate to Directory:
cd lofi-music-app - Install Dependencies:
pnpm install - Start the App:
pnpm run dev
Screenshot
🍰 Demo
📑 To-Dos
- [x] Add a slider to control volume of effects.
- [x] Use a different font for the title and make it look catchy (maybe position it in the middle?).
- [x] Make it responsive.
- [x] Add a music playing animation (something like spotify mobile track playing animation) next to the track that is currently playing.
- [ ] Style the slider.
- [ ] Add tests for components.
- [ ] Build an FM lofi player.
💁 Contributions
Contributions are welcome! If you'd like to contribute, please check out the Contributing Guide, and feel free to open an issue or a pull request.
📃 License
This project is licensed under the MIT License - see the LICENSE file for details.