“Skilled web designer with seven years of experience in UI/UX
Contact for pricing
About this service
Summary
What's included
CRUD Application Using React.js
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.
