User Management Web Application

https://crudhcj.netlify.app

Project Overview

A responsive web application for managing user information with full CRUD (Create, Read, Update, Delete) functionality. Built using HTML, JavaScript, and Bootstrap, the application interacts with a MockAPI endpoint to perform user management operations.

Features

• Dashboard to view all users
• Create new user form
• Edit existing user details
• Delete user functionality
• Responsive design
• Bootstrap-powered UI

Technologies Used

• HTML5
• JavaScript (ES6+)
• Bootstrap 5.3
• MockAPI for backend simulation

Key Functionalities

• Fetch and display user list
• Add new users
• Update user information
• Remove users from the system
• Dynamic form handling
• API interaction using Fetch API

Setup and Installation

1. Clone the repository
2. Open index.html in a modern web browser
3. Ensure internet connection for API calls

API Integration

• Uses MockAPI for backend operations
• Supports GET, POST, PUT, and DELETE methods

Challenges Overcome

• Handling form submissions
• Dynamic data rendering
• Error management in API calls

Future Improvements

• Form validation
• Enhanced error handling
• Pagination for user list
• Search and filter functionality