AmeelioUI

The UI component framework for Ameelio: a non-profit technology company committed to transforming prison communications.

Using AmeelioUI

You can consume this component library in your own project.

Installing

Install AmeelioUI as a dependency

npm install --save ameelioui

Base CSS

In your app, import ameelioui/dist/css/custom.css.

Components

Documentation for all components can be viewed in the hosted style guide.

Individual components can be imported individualy. For example:

import Button from 'ameelioui/dist/components/Button';

You can then use this Button component:

<Button variant="secondary">Click me</Button>

Development

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• Install Node.js
• Install npm

Installing

Install Project Dependencies

To install dependencies run

npm install

Starting the Project

To start the local development server run

npm start

This runs the interactive component style guide. Open http://localhost:6060/ to view it in the browser.

Running the tests

Run unit tests

npm test

Deployment

To generate a production build run

npm run build

Builds the style guide assets for deployment to the build/docs folder. Merges to master are automatically deployed to GitHub Pages.

Built With

• React - The web framework used
• Create React App - Project bootstrapping
• React Styleguidist - Interactive style guide
• React-Bootstrap - Base component library

Contributing

Please read CODE_OF_CONDUCT.md for details on our code of conduct, and CONTRIBUTING.md for the process for submitting pull requests to us.

Authors

See the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details