Wizard App

React Simple Form Wizard with Validation and writes to JSON file.

http://wizard.alicechuang.com/

Uses:

• JSON Server https://github.com/typicode/json-server to update json data file.
• SASS
• Webpack

Installation

From terminal

git clone https://github.com/AliceWonderland/Wizard-App.git

browse to wizard-app folder

npm install

npm run start-dev

Browse to http://localhost:2018/ to view

Notes

Used a boilerplate for quick-start. Kept the convention, dir structure, etc... because it was easier but also as an exercise in adhering to coding style.

Based on webpack+react+json-server Boilerplate by https://github.com/nickjazz/webpack-react-json-server

Decided on this approach as a guideline for organizing the components - https://medium.com/@l_e/writing-a-wizard-in-react-8dafbce6db07

Boilerplate Main tools

• eslint
• json-server
• sass
• webpack
• faker
• jQuery
• lodash
• react
• react-router
• LiveReload