Dynamic Survey

Simple React/Redux app for creating a dynamic Survey that can use as module for any web APPs

Introduction

The App scenario is as following :

• user arrives to the site,
• then user enter button for enter survey,
• After user end the servey show a quick summery for the answers,
• Users can reset and enter Survey again .

From the technical perspective, i build this app as following:

• I use Redux to maintain app state,
• I use localstorage as redux middleware to preserve APP data ,
• Any time user accidentally leave servey every thing will preserve[answers-current ques-progress bar] ,
• When user finish servey and click on reset button all gone[data-clear store-..]
• i also add service worker for offline use[PWA]

Technology stack

• React-16
• Redux
• Airbnb eslint
• PWA

Things Done

• Airbnb eslint guidelines has been used to make code consistent
• Style linting is done
• Routing using react-router-dom
• State management using redux
• Following Smart/Dump component approach in designing components
• Saving to localhost to restore data at any point
• Typechecking with PropTypes

Getting Started

Installation

• git clone the repository via git clone repository name and install dependances via yarn install
• yarn start to run in development mode
• yarn build to get a production build