Giter VIP home page Giter VIP logo

pernillasterner / technigo-project-survey-vite Goto Github PK

View Code? Open in Web Editor NEW

This project forked from technigo/project-survey-vite

1.0 0.0 0.0 7.98 MB

This project uses React to make a survey multi-step form where users can answer different types of questions. After finishing the survey, users get a summary of their answers.

JavaScript 65.15% HTML 2.81% SCSS 32.03%
css3 frontend git html5 javascript pair-programming react-components react-state reactjs scss-framework survey-form ui web-development form-validation multi-step-form progress-bar range-slider regex

technigo-project-survey-vite's Introduction

Employee Engagement Survey:

This project uses React to make a survey multi-step form where users can answer different types of questions. After finishing the survey, users get a summary of their answers.

Getting Started with the Project

Dependency Installation & Startup Development Server

Once cloned, navigate to the project's root directory and this project uses npm (Node Package Manager) to manage its dependencies.

The command below is a combination of installing dependencies, opening up the project on VS Code and it will run a development server on your terminal.

npm i && code . && npm run dev

Goals and steps

  1. Display each question to the user, allowing them to answer one by one
  2. Store the user's responses in the state as they answer each question
  3. Once the user has answered all the questions, display a summery of their answers.
  4. Provide recommendations based on their 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?

View it live

View multi-step form live

Instructions

See instructions of this project

technigo-project-survey-vite's People

Contributors

pernillasterner avatar dzc1 avatar antonellamorittu avatar hippiekick avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.