This is a simple web application for managing user details. Users can view, add, edit, and delete user information. The project uses the JSONPlaceholder API for demonstration and testing purposes.
- Display a list of users with details such as ID, Name, Username, Email, and Address.
- Add new users with a form.
- Edit existing user details.
- Delete users.
- Search and sort functionality.
- Pagination for the user list.
- Responsive design.
- HTML
- CSS
- JavaScript (Vanilla)
- JSONPlaceholder API for mock backend data.
-
Clone the repository:
git clone https://github.com/your-username/user-management-web-app.git
-
Access the User Dashboard: Open
index.html
in a web browser to access the user dashboard.
-
View Users: The main user dashboard displays a list of users with their details.
-
Add User: Click the "Add New User" button to open the form and add a new user.
-
Edit User: Click the "Update" button on a user card to edit their details.
-
Delete User: Click the "Delete" button on a user card to remove the user.
-
Search Users: Use the search bar to filter users by name.
-
Sort Users: Use the sort dropdown to sort users alphabetically.
The application is deployed and accessible here.