This project is a CRUD (Create, Read, Update, Delete)
application built using React. It allows users to perform basic operations on
a list of objects containing information about individuals. Users can view
the list, add new entries, update existing entries, and delete entries. The
application provides a user-friendly interface with forms for input and
buttons for performing actions.
Key Features:
1. Home Page: Displays a table with the names and ages of individuals.
Provides options to update or delete each entry.
2. Create Page: Allows users to add new entries. Includes input fields for
name and age, with a submit button to create a new entry.
3. Edit Page: Enables users to edit existing entries. Pre-fills input fields with
the selected entry's information and allows users to update the name and
age before submitting changes.
Technologies Used:
React: Frontend library for building user interfaces.
React Router: Library for handling navigation and routing in React
applications.
React Bootstrap: Library for building responsive and customizable UI
components using Bootstrap styles.
UUID: Library for generating unique identifiers.
LocalStorage: Web API for storing key-value pairs in a web browser.
How to Use:
1. Home Page: Displays a list of individuals. Users can update or delete
entries.
2. Create Page: Allows users to add a new individual. Fill out the form and
click "Submit" to add a new entry.
3. Edit Page: Clicking "Update" on the Home Page redirects users to the Edit
Page. Edit the name and age fields and click "Update" to save changes.
4. Delete Entry: On the Home Page, clicking "Delete" removes the respective
entry from the list.