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

JohannaBN/Survey

 
 

Repository files navigation

Survey Project

We wanted to make a form with three different questions using three different ways of input. When submitting the form the user is presented with a short story created based on the users answers.

The Problem

Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?

This project is built using React and styled with CSS. We made a form with a text input, a dropdown and radio buttons. The inputs are passed and used in an summary answer. For this project we also worked with accessibility and the goal was to make the form easy to use even for people with dissabilities.

Next step would be to dig deeper into how to style the dropdown and the radio buttons using CSS.

View it live

https://galaxy-story.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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 57.0%
  • CSS 38.3%
  • HTML 4.7%