StreetScope.ai

Team Members:

• Cheryl Chen
• Maisha Supritee Chowdhury
• Maria Kapitanenko
• Sophia Don Tranho
• Tran Nguyen

StreetScope.ai is an interactive map tool that visualizes the gaps in our infrastructure to drive more equitable urban design and build a more accessible Vancouver. Using data on features such as:

• Pavement conditions,
• Curb ramp priorities,
• Streetlights, and
• Construction zones

We created a heatmap showing areas from low to high accessibility – so urban planners have real insights to motivate proposals.

Check us out at streetscopeai.vercel.app

Click to Watch the Demo:

project.demo.mp4

Setting up Environment

Create a virtual environment in this project folder

Open the terminal and follow the code below:

# To create a virtual environment named venv
python -m venv ./venv

# To run the virtual environment whenever you are coding
.\venv\Scripts\activate

To install all the packages using terminal:

pip install -r requirements.txt

Website

The website is in the website directory

Make sure you have node.js installed.

Website Setup

When you first download the website, run npm install to download the node_modules folder

Run Website Server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.