Skip to content
A Multi Stage Form Wizard Application built on React/Redux/ImmutableJS/Styled-Components
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
app
build
internals
server
.editorconfig
.gitattributes
.gitignore
.travis.yml
README.md
appveyor.yml
package-lock.json
package.json
yarn.lock

README.md

A Simple Multi Stage Form Wizard
This application has been built using React, Redux, Styled Components and lots of ❤️

Features

Predictable state management using Redux
Unidirectional data flow allows for change logging and time travel debugging.
Responsive Design
Mobile first layout, without using any UI Framework
Next generation JavaScript (ES6, 7)
Template strings, object destructuring, arrow functions, JSX syntax and more.
Next generation CSS
Styled Components, Modular CSS
Industry-standard routing
Routing using React Router
Offline-first
Production builds are offline first, and therefore optimized for low or no network conditions
SEO
SEO (document head tags management) for search engines that support indexing of JavaScript content. (eg. Google)

Quick start

  1. Clone this repo
  2. cd into the directory and run yarn or npm install
  3. Run yarn start or npm start
  4. To see test coverage, run npm test

State Structure

  • App
    • Form
      • Current: Active question
      • Progress: Array of answered + current questions
      • Questions: The Questions JSON object

Wishlist

  1. Remove Alert from Submit flow
  2. Implement Go To nth Step functionality
  3. Implement Back functionality
  4. Add Animations
  5. Add Header and Footer
  6. Improve Test Coverage
  7. Improve file organization
You can’t perform that action at this time.