Depression Screen

Responsive Web Application using React/ES6/Sass

Get Started

Depression Screen is a Client-side application. You can choose to open it by downloading this repository and simply opening the index.html file on your browser. If you would like to inspect the react components, you can run it on a local server by following these steps:

1. Install Node 6.
   $nvm install -g node
2. Clone this repository.
   git clone https://github.com/lucy-orbach/screener.git
3. Make sure you're in the directory you just created.
   - cd /path/to_my_new_folder
4. Install Node Packages.
   - npm install
5. Run the app.
   - npm start
   This will run the automated build process, start up a webserver, and open the application in your default browser.
6. Install React developer tools in Chrome.

Dependencies

For the development of this application, I used the following packages:

react

React is a JavaScript library for building user interfaces.

react-dom

React library for DOM rendering and querying DOM elements.

babel-polyfill, babel-cli, babel-core, babel-eslint, babel-preset-es2015, babel-preset-react

Transpiles ES6 syntax into ES2015 presets

colors

Adds color support to terminal

eslint, eslint-watch

Lints JavaScript

npm-run-all

A CLI tool to run multiple npm-scripts in parallel or sequential.

node-sass

It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware.

lite-server

Lightweight development node server for serving a web app, providing a fallback for browser history API, loading in the browser, and injecting scripts on the fly.

onchange

Use glob patterns to watch file sets and run a command when anything is added, changed or deleted.

react-motion

A spring that solves your animation problems.

watchify

watch mode for browserify builds

NOTE: All the images used on this non-commercial repository were downloaded from Dribble and created by the great UI designer Andrew McKay