Skip to content

sarthaktNt/task0

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The assigned task has been successfully completed by me. You can check the updates in the latest commit. Feel free to review the code and provide feedback.Let me know if any further actions are required Thank you

Setup/Installations

  • Install dependencies
    • for server : npm install
  • Run server (in main directory of project) npm start

APIS

[GET] http://example.com/users

[POST] http://example.com/user

{
    name:<string>,
    email:<string>
}

[PUT] http://example.com/user/:id

{
    name:<string>,
    email:<string>
}

[DELETE] http://example.com/user/:id

LEVELS

Level 1 (Completed)

  • Add CSS:
    • Convert the displayed data into an HTML table.
    • Ensure there is appropriate spacing and padding between table elements for better readability [refer screenshot].
  • Fix Existing Issues:
    • The "Add User" button is currently not functioning. Identify the issue and fix it so that new users can be added.
    • Ensure that both the name and email fields are not left empty and contain valid values before submission.
    • Implement validation for the email field to ensure that only valid email addresses are accepted.

image

Level 2 (Completed)

  • Integrate Antd components
    • Table: Use Ant Design's table component to display the data.
    • Buttons: Replace existing buttons with Ant Design's button components.
    • Inputs: Use Ant Design's input components for forms.
  • Fix Existing Issues:
    • Form Reset on Submission: Ensure that after submitting the form, the values in the name and email input fields are cleared.

image

Level 3 (Completed)

  • Add delete functionality:
    • Delete for Each User: Implement a delete feature for each user entry

image

Level 4 (Completed)

  • Add edit functionality:
    • Edit for Each User: Implement a edit feature for each user entry

image

Bonus level (Completed)

  • Maintain separate reducer - create and manage a separate reducer for storing the details of the currently edited user.
  • Add Confirmation for Deletion - implement a confirmation dialog that asks for user approval before deleting a user entry.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published