Vertical React Carousel Poll

Main stack:

• TypeScript
• Create React App
• Tailwind
• Jest

Carousel Component has an option for step order:

    <Carousel
      handleQuestion={setQuestions}
      hadnleSubmit={submitForm}
      slideOnSelect   /**  if it's true slide will change on selecting the option  **/
      ordered   /**  if it's true user is not allowed skip forward steps  **/
    />

Main Carousel Data Structure:

export interface ListItemDto {
    id: number;
    title: string;
    required?: boolean;  // Requires selecting an option for current question
    allowChange?: boolean;  // Allow change answer for current question
    isSammary?: boolean;
    options?: {
        id: number;
        icon: string;
        label: string;
    }[];
    answer?: {
        id: number;
        icon: string;
        label: string;
    };
}

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

yarn run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

See the section about deployment for more information.

yarn run eject

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.