CIS-FRONTEND

Website: Child Impact Statements - Angular Frontend

Context

The Child Impact Statements Map is a public tool that we believe can aid Shelby County policy makers in answering fundamental questions about how a policy may benefit or harm a child. There is various data within the map that can give more insight on youth and the institutions that shape them in Shelby County.

Setup

1. First, ensure that you have the backend up and running.
2. Install the npm dependencies: npm i or npm i --force.
3. Run the application: npm run start or npm run watch
4. One can set the backend url for development and production in the files src/app/environment.ts and src/app/environment.prod.ts respectively:

// Development
export const environment = {
  production: false,
  apiURL: 'http://localhost:3000'
};

// Production
export const environment = {
  production: true,
  apiURL: 'https://iis.memphis.edu/apis/cis/'
};

Building

To build the project, please run npm run build.

The resulting files will be available in dist.

Deploying

To depoly the website, install gh-pages by running 'npm install gh-pages --save-dev' Then run 'npm run deploy' The branch gh-pages should update with your changes to deploy to the website, and should deploy them automatically. Make sure your APIURL is set for the backend, and your index.html includes your base h-ref as the url, such as:

<base href="https://shelbycountykiddata.com/">

You might also have to reset the custom domain name in the settings-pages section of the frontend, to shelbycountykiddata.com

Datasets

• Census Tracts - Memphis Data Hub
• Parks - Memphis Data Hub
• Community Centers - Memphis Data Hub
• City Council Districts - Memphis Data Hub
• Libraries - Memphis Data Hub
• ZIP Codes - Memphis Data Hub

Updating Datasets

To update a dataset, visit the links above and click 'Export', selecting the 'GeoJSON' option. Rename and replace the resulting file in src/assets/data.

Help

Maintenance and Help Guide

Software Architecture Document

Source Code Document

User Demonstration Video