EECS 485

Lecture 09 and 10 Mini-Project

In this mini-project, you will be implementing a React website that uses the weather.gov API to show users weather forecasts.

Setup

Install the React toolchain by following these instructions from the P3 tutorial.

Download the starter files, and extract them.

Set up a virtual environment and install the project dependencies:

$ python3 -m venv env
$ source env/bin/activate
$ pip install -r requirements.txt
$ pip install -e .

# New for this project!
$ npm ci .
$ npx webpack

You can run the Flask app using the command:

./run.sh

Then, visit localhost:8000 in your browser to access the app.

Note that you will need to run $ npx webpack every time you change a .jsx file. To make this more convenient, open a separate terminal and run

$ npx webpack --watch

Implementation

These are the files to focus on in your implementation: