/sdc-web

This is the web client of the Social Development Centre Project for UW Blueprint.

Primary LanguageTypeScript

Social Development Centre

Master CircleCI

Introduction

This is the web client portion of the Social Development Centre Project for UW Blueprint.

This project was started in Fall 2019 and is currently in development.

Fall 2019 Team

Project Lead: Daniel Williams - @ddgwilli

Project Manager: Leonard Zhang - @leonardz

Designers:

  • Annie Xu
  • Carmen Lee

Developers:

Winter 2020 Team

Project Lead: Leon Ouyang - @LeozMaxwellJilliams

Project Manager: James Lu

Designer: Brandon Law

Developers:

  • Ainley Pena
  • Faizaan Madhani
  • Nim Wijetunga
  • Patrick Du
  • Stephanie Xu

Onboarding

This project uses Typescript, React, Apollo, and SCSS.

Development Setup

Install Node and NPM if you haven't already

# install dependencies
npm install

Environment Variable Setup

Create the following .env.development.local file:

REACT_APP_API_URL=http://localhost:5000

Running

npm start

Deployment

Initial Deployment

This app can be best deployed using Heroku. Currently, it is running here. For a new deployment, begin by setting up Heroku account here and installing the Heroku CLI here.

Then, login:

heroku login

Inside the project folder, to create a new heroku project:

heroku create

This project is built using the Heroku Buildpack for Create-React-App found here. Set it during initial deployment:

heroku buildpacks:set --buildpack mars/create-react-app

Then, push:

git add .
git commit -m "<Add a commit message here>"
git push heroku master
heroku open

Subsequent Deployments

For all future deployments, just push to Heroku using Git:

git add .
git commit -m "<Add a commit message here>"
git push heroku master
heroku open