NHS.UK Alpha Prototyping Kit

This kit is adapted from the GOV.UK prototyping kit..

The kit provides a simple way to make interactive prototypes for NHS.UK alpha. These prototypes can be used to show ideas to people you work with, and to do user research.

It's built on the Express framework and contains code adapted from these GOV.UK resources:

• GOV.UK template
• GOV.UK front end toolkit
• GOV.UK elements

Requirements

Node v4.x.x

You may already have it, try:

node --version

Your version needs to be at least v0.10.0.

If you don't have Node, download it here: http://nodejs.org/.

Getting started

Install Node.js (see requirements)

Clone this repo

git clone https://github.com/nhsalpha/nhs_prototype_kit.git

Swap to the app's directory

Using the shell/terminal window:

cd gp-screens-prototype

Install dependencies

npm install

This will install folders containing programs described by the package.json file to a folder called node_modules. You mayb get some deprecated notices and warning several times. The app should install OK, returning the directory tree of the app if successul.

Run the app

node start.js

Go to localhost:3000 in your browser.

Hot reload

Any code changes should update in the browser without you restarting the app.

The app recompiles app/assets/stylesheets/application.scss everytime changes are observed.

Documentation

Find out how to work with the prototyping application.

• Getting started (Read this first)
• Creating routes
• Making pages
• Writing CSS
• Deploying (getting your work online)

This project is built on top of Express, the idea is that it is straightforward to create simple static pages out of the box. However, you're not limited to that - more dynamic sites can be built with more understanding of Express. Here's a good Express tutorial.