this application recommends songs based on the weather of their city
This project provides music recommendations based on the current weather in a given city. It uses a React frontend hosted on GitHub Pages and a FastAPI backend hosted on Render.
Check out the live demo here.
- Get real-time weather information for any city
- Receive music recommendations based on the current weather
- Responsive design for desktop and mobile devices
- Frontend: React.js
- Backend: FastAPI (Python)
- APIs: OpenWeatherMap API
- Hosting: GitHub Pages (frontend), Render (backend)
- Clone the repository
- Backend setup:
- Navigate to the backend directory
- Install dependencies:
pip install -r requirements.txt
- Set up environment variables (see Backend Configuration)
- Run the server:
uvicorn main:app --reload
- Frontend setup:
- Navigate to the frontend directory
- Install dependencies:
npm install
oryarn install
- Set up environment variables (see Frontend Configuration)
- Run the development server:
npm start
oryarn start
Create a local.env
file in the backend directory with the following:
OPENWEATHER_API_KEY=your_api_key_here
Create a .env
file in the frontend directory with the following:
REACT_APP_API_URL=http://localhost:8000
For production, update this to your Render backend URL.
Contributions, issues, and feature requests are welcome! Feel free to check issues page.