PulseTile is a clinically led UX UI framework for healthcare.
See PulseTile Documentation here
This repo includes the Core UI Framework and "Core Tiles"
See this repo for other PulseTile "Plugin Tiles"
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
To develop and run the application locally you must have the following installed:
- NodeJS
- A running version of The Ripple Middleware listening on port 19191
The first step to setup the application locally should be the following:
npm install
bower install
PulseTile uses Webpack to build and launch the development environment. After you have installed all dependencies, you may run the app. Running npm start
will bundle the app with webpack
, launch a development server, and watch all files. The port will be displayed in the terminal.
Just simply run npm start
- this will also watch changes.
Here's a list of available scripts:
npm run build
- runs Webpack, which will transpile, concatenate, and compress (collectively, "bundle") all assets and modules into
dist/bundle.js
. It also preparesindex.html
to be used as application entry point, links assets and created dist version of our application.
- runs Webpack, which will transpile, concatenate, and compress (collectively, "bundle") all assets and modules into
npm start
- starts a dev server via
webpack-dev-server
, serving the client folder with watching source file change.
- starts a dev server via
npm run lint
- lint codebase using Eslint
npm run copy
- ignore this in case you don't need the additional plugins installation (see below for further instructions)
PulseTile uses Webpack together for its build system.
Webpack
handles all file-related concerns:
- Transpiling from ES6 to ES5 with
Babel
- Loading HTML files as modules
- Transpiling stylesheets and appending them to the DOM
- Refreshing the browser and rebuilding on file changes
- Hot module replacement for transpiled stylesheets
- Bundling the app
- Loading all modules
- Doing all of the above for
*.spec.js
files as well
Angular 1.5
use for modular structure.
Additional information on such topics as data structure we're using is available on Documentation portal