Reflections|Projections 2017

React

Hi, surprise; we're migrating from Angular2 to React after some deliberation! I did my best to add useful npm scripts to the package.json, so read on to find out how to quickly and easily set up a development environment.

Setup

Clone this repository and run npm install to create the node_modules folder. You need to do this before attempting anything else.

Development

Run npm run dev for a dev server. Navigate to http://localhost:8080/. The app will automatically reload if you change any of the source files.

Build

Run npm run build to build the project. The build artifacts will be stored in the public/ directory.

Design

Design Drive

  • Roboto (Sans-serif)
  • Roboto Slab
  • Roboto Mono

colorsbrief

  ~ primary colors
  - red 2       #b32024     rgb(179,32,36);      Pantone Solid Coated 7621 C
  - red 5       #7a1216     rgb(122,18,22);      Pantone Solid Coated 1815 C
  - white       #ffffff     rgb(255,255,255);    Pantone Solid Coated  663 C
  - black       #000000     rgb(0,0,0);          Pantone Solid Coated Neutral Black C
  
  ~ secondary colors 
  - red 0       #e91d29     rgb(233,29,41);      Pantone Solid Coated  185 C
  - red 1       #cb2027     rgb(203,32,29);      Pantone Solid Coated  186 C
  - red 3       #a01d21     rgb(160,29,33);      Pantone Solid Coated 7628 C
  - red 4       #8f191c     rgb(143,25,28);      Pantone Solid Coated 7623 C
  - cool grey   #a0a3af     rgb(160,163,175);    Pantone Solid Coated 1815 C
  - warm grey   #4c4144     rgb(76,65,68);       Pantone Solid Coated 1815 C