Example application using grommet
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
.babelrc Updated ferret to latest grommet. Dec 2, 2016
.eslintignore Massive refactoring. Truly epic. Oct 27, 2016
.gitignore Added timestamp to avoid ie11 to cache requests Nov 7, 2017
.travis.yml Updated ferret to latest grommet. Dec 2, 2016


Grommet Example App: Ferret

Build Status Code Climate Dependency Status devDependency Status


Live demo of an example application using grommet and grommet-addons.

Login credentials:

Username - enter any string that looks like an email address

Password - enter any string (it is not used or stored anywhere)

How To

This app demonstrates an application using Grommet. We demonstrate UI routing and some important patterns like Login, Resource Management (including WebSocket connections), and Search.

This application must have back-end data to perform login operations and manage resources. By default, it provides mock backend data. The application can also be modified to point to a real backend server.

IMPORTANT: Be sure to run npm install and the remaining commands in the grommet-ferret folder.

To run this application, execute the following commands:

  1. Go to the grommet-ferret folder
    $ cd grommet-ferret
  1. Install NPM modules
    $ npm install
  1. Create the NPM distribution
    $ npm run build

    This step will create the **dist** folder with content ready to be deployed in NPM.
  1. Start Ferret in production mode
    $ npm run start

    This step will start a front-end dev server that provides mock backend data by default. 
  1. Start Ferret in development mode
    $ npm run start:dev

    This step will also start a front-end dev server that provides mock backend data by default.  
    Additionally, it also monitors the source code and restarts the server when any changes are 

NOTE: - if prompted for Login Credentials in your development environment, see information in the Demo section above.