“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

Industries

Web Apps
Web Browsers
Web Hosting

Work with me