Weather Recommendations

I noticed that my music taste tracks very closely with the current weather - so I made an app than understands that.
You can check it out here.

Note

Loading for the first time might take a short while, because of the free hosting I used.

You can also view the endpoints documentation at /docs route.

Building from source

Connecting with Spotify

You need to create a new app in the Spotify developer dashboard and add your development server address (e.g. http://127.0.0.1:8000/) to Redirect URIs column. This will also generate your apps Client ID and Client secret.

Important

Make sure that the address you added as Redirect URI in Spotify matches your dev server's address - including the trailing /

Connecting with Weather API

I used weather api. After creating an account the key will be available in the Dashboard section.

Dotenv

Create a .env file in the root of the project and fill it with previously generated API keys like so:

SPOTIFY_CLIENT_ID = <your spotify client id>
SPOTIFY_CLIENT_SECRET = <your spotify secret>
WEATHER_API_KEY = <your weather api key>

Building

For development purposes I recommend using a virtual environment, so first create and run it using:

python3 -m venv env
source env/bin/activate

Then build the project using the following commands:

cd client
npm install
npm run build
cd ..
pip install -r requirements.txt

Development

To run a development server:

uvicorn main:app --reload

If you make changes to the client code you'll need to rebuild it manually using:

# from the client directory
npm run build

Note

No need to restart the uvicorn server after rebuilding the client

If you plan on making a lot of client changes, with no backend interactions - it's better to just run the client dev server, using:

# also in the client directory
npm run dev

Note

Make sure to kill the uvicorn server first, so it doesn't occupy the 8000 port