https://github.com/arvindparekh/lofi-music-app
Lofi lover? You are at the right place, my friend! Play Lofi tracks and mix them up with different ambient sounds. Try it out now! 🎶⚡
https://github.com/arvindparekh/lofi-music-app
javascript lofi music react tailwind
Last synced: 9 months ago
JSON representation
Lofi lover? You are at the right place, my friend! Play Lofi tracks and mix them up with different ambient sounds. Try it out now! 🎶⚡
- Host: GitHub
- URL: https://github.com/arvindparekh/lofi-music-app
- Owner: ArvindParekh
- License: mit
- Created: 2023-12-30T19:54:49.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-04T18:03:51.000Z (about 2 years ago)
- Last Synced: 2025-04-08T06:42:13.976Z (over 1 year ago)
- Topics: javascript, lofi, music, react, tailwind
- Language: JavaScript
- Homepage: https://lofi-beats.vercel.app/
- Size: 54.5 MB
- Stars: 34
- Watchers: 1
- Forks: 16
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
1. **Clone the Repository:** `git clone https://github.com/ArvindParekh/lofi-music-app.git`
2. **Navigate to Directory:** `cd lofi-music-app`
3. **Install Dependencies:** `pnpm install`
4. **Start the App:** `pnpm run dev`
## Screenshot
## 🍰 Demo
[Live Demo](https://lofi-beats.vercel.app)
## 📑 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](https://github.com/ArvindParekh/Lofi-Music-App/blob/main/CONTRIBUTING.md), and feel free to open an issue or a pull request.
## 📃 License
This project is licensed under the MIT License - see the [LICENSE](/path/to/LICENSE) file for details.
## 🦸🏻 Contributors
- [Arvind Parekh](https://twitter.com/ArvindParekh_21)
- [M. Mahad Hashmi](https://github.com/GitGudCode440)