# Tangerine Forms
When reading through this documentation you can refer to [this directory for examples](https://github.com/Tangerine-Community/Tangerine/tree/v3.x.x/client-v3/pages) and also try the [live demo of those examples](http://tangerine-v3-demo.github.io/).

## Getting Started with Pages

Default content is at client/app/src/assets

## Creating your first form
...

## Creating a form with multiple pages
...

## Create a timed form
...

## Debugging Tangerine Forms 
A response to a form is captured in a Tangerine Form Session. When entering a response into a form, you can watch live changes to the Tangerine Form Session by installing the [Redux DevTools Extension](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd) for Chrome. The [PouchDB Inspector extension for Chrome](https://chrome.google.com/webstore/detail/pouchdb-inspector/hbhhpaojmpfimakffndmpmpndcmonkfa?hl=en) can be used for inspecting the data saved to the database.

Start by opening the Chrome Dev Tools by clicking on Chrome's hamburger menu, go to "More tools", and click on "Developer Tools". Redux DevTools and PouchDB Inspector are then available as tabs.
![tangerine form session in redux devtools and pouchdb inspector](assets/tangerine-forms--inspect-tangerine-sessions-with-redux-devtools-and-pouchdb-inspector.gif)

## Form events

### on-open

### on-change