Welcome to the Lofi Music Radio App project! This app is a web-based platform designed to provide users with an immersive experience of lofi music. It combines a sleek user interface with the functionality to explore, play, and enjoy lofi music stations from various categories. Users can personalize their listening experience by selecting different backgrounds, managing their favorite stations, and toggling between light and dark themes.
- Radio Station Selection: Choose from a variety of lofi music stations across different categories to match your mood.
- Favorites Management: Easily add or remove stations from your favorites for quick access.
- Customizable Backgrounds: Enhance your listening experience by selecting a background that fits your vibe.
- Theme Flexibility: Switch between light and dark themes to suit your visual preference or ambient lighting.
- Responsive Design: Enjoy a seamless experience across different devices and screen sizes.
- Persistent Settings: Your preferences for theme, background, and favorites are saved locally for your next visit.
- React.js for the frontend UI/UX.
- LocalStorage for persisting user preferences and favorites.
- CSS for styling, with a focus on responsive design.
- Fetch API for loading radio station data.
To get this project up and running on your local machine, follow these steps:
- Clone the repository:
git clone https://github.com/yourusername/lofi-radio-music-app.git
cd lofi-radio-music-app- Install the dependencies:
npm install- Start the development server:
npm run dev- Open the app in your browser:
http://localhost:5173/
This project is configured to deploy to Cloudflare using Wrangler.
- Build locally:
npm run build- Validate the Wrangler configuration:
npx wrangler deploy --dry-run- Deploy static assets with the project configuration:
npm run cf:deployIf you prefer the Pages command directly, you can also use:
npm run cf:pages:deploy