/SHIPMNTS_TASK

Primary LanguageJavaScript

Hosted on https://shipmnts-task-indol.vercel.app/

Step 1: Clone the Repository

You can create a new React application by cloning a repository. Run the following command in your terminal:

git clone https://github.com/Legit-Ox/SHIPMNTS_TASK

Step 2: Navigate to the Project Directory

Change into the directory created by the clone command:

cd SHIPMNTS_TASK

Step 3: Install Dependencies

Install the necessary dependencies for the project:

npm install

Step 4: Start the Development Server

Start the development server to run your application:

npm start

This will start the development server and open your new React application in the default web browser.

Screenshots

Title

image

Input Field

image

Types of Input

image

TextInput

image

Date

image

Time

image

File

image

Project Tasks

Form Creation Interface

Title and Description

  • Provide input fields for the form's title and description.

Form Elements

  • Users should be able to add various types of form elements, including:
    • Text Input: Short answer (single line) and long answer (paragraph).
    • Multiple Choice: Options with radio buttons.
    • Checkboxes: Multiple options that can be selected.
    • Dropdown: A dropdown list with multiple options.
    • Date Picker: Allows users to select a date.
    • File Upload: Users can upload files.

Reordering

  • Implement drag-and-drop functionality to reorder the form elements.

Customization

  • Allow users to edit, duplicate, or delete form elements.
  • Support adding descriptions or hints for each question.
  • Enable required fields (user cannot submit the form without filling this out).