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
- Install dependencies
- for server :
npm install
- for server :
- Run server (in main directory of project)
npm start
[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
- 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.
- 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.
- Add delete functionality:
- Delete for Each User: Implement a delete feature for each user entry
- Add edit functionality:
- Edit for Each User: Implement a edit feature for each user entry
- 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.