Skip to content

A React project to create a customizable survey form. Focus on React state and form control. After submission, users see a summary. Design is flexible but should prioritise accessibility. Use tools like Typeform for design inspiration.

Notifications You must be signed in to change notification settings

JuliaHolm/project-survey-vite

 
 

Repository files navigation

Survey Project

This was a pair project done with Julia Holm, Inna Kokic & Susanne Ekenheim. The assignment this week was to create a survey like form using react hook useState().

Our form is called "Adopt a cat" where the user gets to select different attributes and then which cat they want. The form ends with a page that sums up all the selected attributes. In the form we use text input fields, radio buttons and a dropdown.

The Problem

To avoid as many problems as possible we started our project with planing in detail in Figma what the app should be about, what questions should appear and what input to use on each question. The planning made it easier for us as a team to have the same goal while coding. During the project we used a lot of different methods and aids to move forward. ChatGPT, youtube and google were our best tools.

If we had more time we would add a function to validate each input and put out an error message.

View it live

https://willowy-meerkat-5ea81b.netlify.app/

About

A React project to create a customizable survey form. Focus on React state and form control. After submission, users see a summary. Design is flexible but should prioritise accessibility. Use tools like Typeform for design inspiration.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 69.7%
  • CSS 28.1%
  • HTML 2.2%