Git21221/masterji-assignment1

Assignment 1

Overview

This project consists of three main tasks:

1. OTP Form: A form to input and verify an OTP.
2. Course List Draggable: A list displaying a list of courses, can be reordered using drag and drop.
3. Batches Table: A list of batches with pagination and search feature.

Table of Contents

• Installation
• Usage
• Features
  • OTP Form
  • Course List Draggable
  • Batches Table
• Screenshots
• Technologies
• License

Installation

1. Clone the repository:

   git clone https://github.com/Git21221/masterji-assignment1.git

2. Navigate to the project directory:

   cd masterji-assignment1

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

Usage

• Navigate to /otp-form to use the OTP form.
• Navigate to /course-list to view the draggable course list.
• Navigate to /batches to view the batches table.

Features

OTP Form

• Route: /otp-form
• Functionality: A form to input an OTP and verify it against a preset value (1234).
• Validation:
  • The OTP must be exactly 4 digits long.
  • The OTP must match the preset value (1234).
• Hosted Route: https://assignment-masterji.netlify.app/otp-form

Course List Draggable

• Route: /course-list
• Functionality: A table displaying a list of courses that can be reordered using drag and drop.
• Hosted Route: https://assignment-masterji.netlify.app/course-list

Batches Table

• Route: /batches
• Functionality: A list of batches in a table with pagination and search feature.
• Hosted Route: https://assignment-masterji.netlify.app/batches

Screenshots

OTP Form

Course List Draggable

Batches Table

Technologies

• React
• React Router
• JavaScript (ES6+)

License

This project is licensed under the MIT License. See the LICENSE file for details.