Two step survey form, backend use nodejs, frontend use reactjs.
- A 2 steps form web application.
- Backend using Nodejs, Expressjs.
- Frontend using gulp as task runner, webpack as bundler. reactstrap as UI libarary. axios for communicating with the backend.
cd surveyForm/server && npm(yarn) install && npm start
to start the server- open a new terminal and
cd surveyForm/client && npm(yarn) install && gulp
(or gulp watch) to build the frontend and generate the bundle file - open a new terminal within the client folder and
npm start
to start the front end webpack-dev-server, mannually open the broswer (sorry), and type the url follewed by the webpack-dev-server console (usually http://localhost:8080/ by default) - at the browser answer the form one by one after press the submit button you can see your form data been logged at your server.
-
The app need to be polished. The page is not very pretty at the moment. Should add css preprocessor.
-
The form is responsive, it looks nice and responsive in the browser. but it looks very small on mobile devices. Since this is the first time i use the UI lib 'reactstrap', i am not very familiar with it. Alternatively I can use 'media queries' for future improvements or use another lib.
-
No form control at the moment. Should check the data's validation before post it to the server.
-
Should add linting and unit test.
-
Should add front-end router.
-
...And a lot more.