Patient Health Records Web Application
This project involves building a simple web application for managing patient health records. The application provides a user-friendly interface for healthcare professionals to add, view, update, and delete patient records. It is designed to demonstrate basic CRUD operations using JavaScript, HTML, and CSS, with a mock backend represented by a JSON file.
Understanding how to build CRUD applications is fundamental for web developers. In the healthcare sector, such applications are crucial for managing patient data efficiently and securely. This task helps develop skills in frontend development, user interface design, and basic data handling.
- Clone the repository:
git clone https://github.com/yourusername/codingTasks.git
- Navigate to the project folder:
cd codingTasks/patient-health-records
- Open the project in code editor Visual Studio Code
## Features
- Add Patient Record:
Form to input patient details such as name, age, gender, medical history, and current medications.
Button to submit the form and add the record to the list.
- View Patient Records:
Display a list of all patient records in a table format.
Each record shows the patient's name, age, gender, and a summary of their medical history.
- Update Patient Record:
Button next to each record to update patient details.
Form pre-filled with existing data, allowing for updates.
- Delete Patient Record:Button next to each record to delete the patient from the list.
## Mock Backend
- A JSON file (patients.json) will act as the mock backend.
- CRUD operations will be simulated using JavaScript to interact with this JSON file.
## How to Run:
Open the index.html file in your web browser. You can do this using Live Server extension in Visual Studio Code or by opening the file directly.