A simple React-based web app to securely add, view, and print patient records. Includes login for authorized access (nurse/doctor) and persistent data storage in the browser.
- Login authentication for nurses/doctors (default:
admin
/abcd@23
) - Add patient details including:
- Name, Age, Gender
- Blood Pressure (BP), Temperature, Weight
- Diagnosis, Reason for Consultation
- Contact Info, Fees Paid status
- Date & Time of entry
- View all patient records in a sortable table
- Print individual patient details
- Data is saved in your browser (localStorage)
- Simple, clean, and responsive UI
Only authorized personnel (nurse or doctor) can access the system.
-
Clone the repository
git clone https://github.com/your-username/Patient_Record_Database_System.git cd Patient_Record_Database_System
-
Install dependencies
npm install
-
Start the app
npm start
The app will open at http://localhost:3000.
- Username:
admin
- Password:
abcd@23
- Login using the default credentials.
- Add patient details in the form and click "Add Patient".
- View all patient entries in the table below.
- Print individual records using the "Print" button.
- Logout when finished.
src/
├── App.js
├── Login.js
├── PatientForm.js
├── PatientTable.js
├── index.js
├── index.css
- All patient data is stored locally in your browser and will be lost if cleared.
- For multi-user or cloud features, consider extending with a backend and database.