“Skilled web designer with seven years of experience in UI/UX

Contact for pricing

About this service

Summary

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.

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.


Skills and tools

Web Designer

UX Designer

Web Developer

Adobe XD

Elementor

Figma

Slack

Webflow