Group Management Application
The Group Management Application is a React-based web application designed to manage groups of numeric ranges. It allows users to add, delete, and update groups dynamically, with validation to ensure no overlaps or gaps between consecutive groups.
Add Group: Users can add a new group with a specified numeric range.
Delete Group: Users can delete an existing group.
Update Group: Users can update the numeric range of an existing group.
Validation: The application ensures that:
Groups cover the entire range from 1 to 10.
There are no gaps between consecutive groups.
There are no overlaps between consecutive groups.
React
Redux (for state management)
Chakra UI (for UI components)
Framer Motion (for animations)
Installation To run this project locally, follow these steps:
Clone the repository:
git clone https://github.com/rohitchourey0809/Travel-Corporation-Assignmnent.git
Navigate into the project directory:
cd travel-corporation Install dependencies:
npm install Start the development server:
npm start Open http://localhost:3000 to view it in the browser.
Adding a Group: Enter a numeric range (from and to) in the input fields and click "Add Group".
Updating a Group: Modify the numeric range directly in the input fields of the existing groups.
Deleting a Group: Click the delete icon (trash can) next to the group to remove it from the list.