All Projects → formio → Formio

formio / Formio

Licence: osl-3.0
A Form and Data Management Platform for Progressive Web Applications.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Formio

Formio.js
JavaScript powered Forms with JSON Form Builder
Stars: ✭ 1,060 (-14.86%)
Mutual labels:  forms, vanilla-js, vanillajs
bs-breakpoints
A plugin which detect Bootstrap 4 breakpoints and emit when there is a change
Stars: ✭ 22 (-98.23%)
Mutual labels:  vanilla-js, vanillajs
add-to-calendar-button
A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.
Stars: ✭ 697 (-44.02%)
Mutual labels:  vanilla-js, vanillajs
Bs Stepper
A stepper for Bootstrap 4.x
Stars: ✭ 261 (-79.04%)
Mutual labels:  vanilla-js, vanillajs
Validate
A lightweight form validation script.
Stars: ✭ 227 (-81.77%)
Mutual labels:  forms, vanilla-js
form-saver
A simple script that lets users save and reuse form data.
Stars: ✭ 67 (-94.62%)
Mutual labels:  forms, vanilla-js
tubular
A set of AngularJS directives designed to rapidly build modern web applications
Stars: ✭ 44 (-96.47%)
Mutual labels:  angularjs, forms
vanillajs-hello
Start a VanillaJS website using WebPack in just 30 seconds: HTML,CSS,Babel,SASS,Bootstrap,Prettier,Gitpod
Stars: ✭ 24 (-98.07%)
Mutual labels:  vanilla-js, vanillajs
Angular
JSON powered forms for Angular
Stars: ✭ 385 (-69.08%)
Mutual labels:  serverless, forms
Forms Angular
Probably the most opinionated framework in the world
Stars: ✭ 412 (-66.91%)
Mutual labels:  forms, angularjs
Reef
A lightweight library for creating reactive, state-based components and UI.
Stars: ✭ 700 (-43.78%)
Mutual labels:  angularjs, vanilla-js
Bs Custom File Input
A little plugin for Bootstrap 4 custom file input
Stars: ✭ 162 (-86.99%)
Mutual labels:  vanilla-js, vanillajs
Vanillajs Deck
A Vanilla.js Single Page App (SPA) slide deck for a presentation about Vanilla.js written with no frameworks.
Stars: ✭ 119 (-90.44%)
Mutual labels:  vanilla-js, vanillajs
tensorflowjs-remove-background
Remove Background from the picture using WebAssembly & TensorFlow.js
Stars: ✭ 79 (-93.65%)
Mutual labels:  vanilla-js, vanillajs
Basictable
Basic Table jQuery or Vanilla JS plugin for simple responsive tables.
Stars: ✭ 94 (-92.45%)
Mutual labels:  vanilla-js, vanillajs
Airform
Functional HTML forms for Front-End Developers.
Stars: ✭ 307 (-75.34%)
Mutual labels:  serverless, forms
Learn Vanilla Js
Open source list of paid & free resources to learn vanilla JavaScript
Stars: ✭ 945 (-24.1%)
Mutual labels:  vanilla-js, vanillajs
Vanilla Ui Router
Simple vanilla JavaScript router
Stars: ✭ 42 (-96.63%)
Mutual labels:  vanilla-js, vanillajs
Angular Vertxbus
AngularJS 1.x service wrapper for the Vert.x Event Bus
Stars: ✭ 78 (-93.73%)
Mutual labels:  angularjs
Write With Me
Real-time Collaborative Markdown Editor
Stars: ✭ 81 (-93.49%)
Mutual labels:  serverless

Join the chat at https://gitter.im/formio/formio StackOverflow

A combined form and API platform for Serverless applications

Form.io is a revolutionary combined Form and API platform for Serverless applications. This repository serves as the core Form and API engine for https://form.io. This system allows you to build "serverless" data management applications using a simple drag-and-drop form builder interface. These forms can then easily be embedded within your Angular.js and React applications using the <formio> HTML element.

Form.io is Hiring!

If you like what you see, and would like to come and work for a cutting edge, Open Source core company, then please apply online @ https://form-talent.freshteam.com/jobs!

Walkthrough video and tutorial

For a walkthrough tutorial on how to use this Open Source platform to build a Serverless application, watch the video 0 to M.E.A.N in 30 minutes

Form Building & Rendering Demo

Here is a link to a demo of the Form Building and Form Rendering capability that can be hooked into this API platform.

http://codepen.io/travist/full/xVyMjo/

Run with Docker Compose

The fastest way to run this library locally is to use Docker.

  • Install Docker

  • Download and unzip this package to a local directory on your machine.

  • Open up your terminal and navigate to the unzipped folder of this library.

  • Type the following in your terminal

    npm install
    docker-compose up
    
  • Go to the following URL in your browser.

    http://localhost:3001
    
  • Use the following credentials to login.

  • To change the admin password.

    • Once you login, click on the Admin resource
    • Click View Data
    • Click on the [email protected] row
    • Click Edit Submission
    • Set the password field
    • Click Save Submission
    • Logout
  • Have fun!

Manual Installation (Node + MongoDB)

To get started you will first need the following installed on your machine.

Running with Node.js

You can then download this repository, navigate to the folder in your Terminal, and then type the following.

npm install
npm start

This will walk you through the installation process. When it is done, you will have a running Form.io management application running at the following address in your browser.

http://localhost:3001

The installation process will also ask if you would like to download an application. If selected, the application can be found at the following URL.

http://localhost:8080

You can also see the contents of the application (for modification) within the app folder which exists inside of the folder where you downloaded this repository.

Development

To start server with auto restart capability for development simply run this command:

npm run start:dev

Deploy to Hosted Form.io

If you wish to deploy all of your forms and resources into the Form.io Hosted platform @ https://form.io, you can do this by using the Form.io CLI command line tool.

npm install -g formio-cli

Once you have this tool installed, you will need to follow these steps.

  • Create a new project within Form.io
  • Create an API Key within this project by going to the Project Settings | Stage Settings | API Keys
  • Next, you can execute the following command to deploy your local project into Hosted Form.io.
formio deploy http://localhost:3001 https://{PROJECTNAME}.form.io --dst-key={APIKEY}

You will need to make sure you replace {PROJECTNAME} and {APIKEY} with your new Hosted Form.io project name (found in the API url), as well as the API key that was created in the second step above.

This will then ask you to log into the local Form.io server (which can be provided within the Admin resource), and then after it authenticates, it will export the project and deploy that project to the Form.io hosted form.

License Change (March 8th, 2020)

This library is now licensed under the OSL-v3 license, which is a copy-left OSI approved license. Please read the license @ https://opensource.org/licenses/OSL-3.0 for more information. Our goal for the change to OSLv3 from BSD is to ensure that appropriate Attribution is provided when creating proprietary products that leverage or extend this library.

Help

We will be updating the help guides found @ https://help.form.io as questions arise and also to help you get started with Form.io.

Thanks for using Form.io!

The Form.io Team.

Security

If you find and/or think you have found a Security issue, please quietly disclose it to [email protected], and give us sufficient time to patch the issue before disclosing it publicly.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].