Skip to content

Latest commit

 

History

History
52 lines (33 loc) · 1.8 KB

README.md

File metadata and controls

52 lines (33 loc) · 1.8 KB

Survey Project

Replace this readme with your own information about your project.

Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.

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

The Problem

I started with creating components corresponding with the design inspiration in Figma. Focusing on a component for Inputs (including selects) i tried writing as DRY as possible. I got stuck in displaying the updated state, since the answers don't belong in the input component.

After reading the instructions again, I realized components was a bit overkill, and decided to move up to the Form component instead.

It took me a long time to figure out how to pass data from child to parent. Also I feel like using ternary for deciding which form input to create, was over complicated and not really readable.

I'm happy i figured some stuff out and feel like it was cool using an object - but it was not really inline with the task. Yeah...

Next step

  • Styling
  • Switching from inline ternary to if else
  • Stretch...

View it live

Netlify Status

Instructions

See instructions of this project