Grommet Example App: Ferret
grommet-ferret uses grommet version 1. The grommet team is no longer actively supporting version 1 of grommet. We recommend using version 2 instead.
Live demo of an example application using grommet and grommet-addons.
Username - enter any string that looks like an email address
Password - enter any string (it is not used or stored anywhere)
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:
- Go to the grommet-ferret folder
$ cd grommet-ferret
- Install NPM modules
$ npm install
- Create the NPM distribution
$ npm run build This step will create the **dist** folder with content ready to be deployed in NPM.
- Start Ferret in production mode
$ npm run start This step will start a front-end dev server that provides mock backend data by default.
- 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 detected.
NOTE: - if prompted for Login Credentials in your development environment, see information in the Demo section above.