Client

Short Demo of up to date functionality (click the link if viewing the page through rust's mdbook):

Coolcorridors Prototype Demo

Folder Structure

.
├── README.md
├── requirements.txt
└── src
    ├── app.py
    ├── formatdata.py
    ├── requirements.txt
    ├── static
    │   ├── css
    │   │   ├── about.css
    │   │   ├── search-results.css
    │   │   ├── search.css
    │   │   └── style.css
    │   └── images
    │       └── Logo_IQSpatialLogo.png
    └── templates
        ├── about.jinja
        ├── layout.jinja
        ├── search-results.jinja
        └── search.jinja

Currently, the layout of the frontend is made up of 4 components within the ./src/template directory:

• layout.jinja: defines the overall structure of the UI. It is made up of 3 sections (navigation bar, the main content, and a footer).
• search.jinja: search bar component. It sends an HTTP post request containing the user input (zipcode) to the /data endpoint
• search-results.jinja: search results component. This component receives and displays data from the API call on the /data endpoint.
• about.jinja skeleton template set up to populate information on the project and the people behind it.

The CSS file names in ./frontend/static/css define styling rules to the corresponding Jinja components.