A weather dashboard built with Django and Bulma that fetches live updates from the OpenWeatherMap API. Users can easily add and delete different cities' weather info.
- Python
- Django
- Bulma (CSS framework)
You can follow the instructions below to set up the Django environment and run my app in your local server.
First, copy and paste the following command into your terminal to download my code:
git clone https://github.com/claireweiz/weather_dashboard.git
Run the following command to change to the 'the_weather_env' directory:
~$ cd weather_dashboard/the_weather_env
Now that you are in 'the_weather_env' directory, run the following commands to download the two modules below and then activate the virtual environment:
~$ pipenv install django
~$ pipenv install requests
~$ pipenv shell
When the virtual environment has been activated, you will see (the_weather_env) at the start of each command line in the terminal, which means the virtual environment has been successfully activated.
(the_weather_env) ~$
Then, run the following commands:
~$ cd the_weather
~$ python manage.py runserver
After you have run the commands above, some text will be generated in the terminal that includes a URL, as shown below. You can open your browser, type in the URL that appears in the terminal, and you'll be able to see and test my app!
Starting development server at http://127.0.0.1:8000/
The purpose of this project was to familiarize myself with Django, Bulma (a CSS framework) and how to use an API to present live data. Compared to Flask and Tkinter, I found Django to be more customizable as well as scalable.
At the start of the project, I found the web framework and the set-up quite challenging. However, I performed my own research and did lots of problem-solving to complete the project. Upon completion, I found I had a lot more confidence to tackle coding exercises that I had not encountered before.