https://github.com/robbert/nl-design-system-with-form.io

Example form using NL Design System with Form.io
https://github.com/robbert/nl-design-system-with-form.io

nl-design-system

Last synced: 1 day ago
JSON representation

Example form using NL Design System with Form.io

• Host: GitHub
• URL: https://github.com/robbert/nl-design-system-with-form.io
• Owner: Robbert
• Created: 2021-08-10T19:38:53.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-10-06T16:42:45.000Z (almost 3 years ago)
• Last Synced: 2023-09-04T10:56:09.430Z (about 1 year ago)
• Topics: nl-design-system
• Language: JavaScript
• Homepage: https://robbert.github.io/nl-design-system-with-form.io/
• Size: 23 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Form.io React Starter Application

This is a starter application that uses React, Bootstrap, Webpack, and Form.io to create a powerful Serverless application.

This example uses Contexts nad hooks to manage application state. If you prefer Redux approach, take a look at the [redux-example](https://github.com/formio/react-app-starterkit/tree/redux-example).

## Installation

- Download this application within your local machine and then type the following.

```

npm install

```

- If you have not already, create a project on [https://portal.form.io](https://portal.form.io). You can import the `src/project.json` file to add all the forms and resources needed for this project.

- Modify the `src/config.js` file to point the PROJECT_URL variable to the project you created in form.io.

## Running

You can develop within this application by typing the following

```

npm start

```

This will launch the application locally @ https://localhost:3000. Now, whenever you make changes, those will be directly reflected within the launched application.

## Building

Once you have your application developed, it is now time to build the application for deployment. This can be done by typing the following.

```

npm run build

```

This will generate the **build** folder which you can then use to install within any webserver, Github Page, an Amazon S3 bucket, etc.

## Commands

To see all available commands type the following

```

npm run

```