A patient data management website using MERN Stack. Link to website here.

• General Info
• Technologies Used
• Features
• Screenshots
• Setup
• Project Status
• Room for Improvement
• Contact

• Fully functionality CRUD and search function based on database.
• This project is a case study of website development at Wonosari Hospital.

• MongoDB - version 6.0.7
• Express - version 4.18.2
• React - version 18.2.0
• Node.js - version 18.13.0

• Admin login.
• Create, Read, Update, and Delete patient data.
• Clean and simple frontend design.
• Sort data by date.
• Search data by name and clinic.
• Pagination data tables using react-pagination.

To run this project, install it locally using npm:

# clone this repository
git clone [email protected]:Zulhaditya/contact-webapp.git

# install server dependencies
cd server
npm install
npm start

# install client dependencies
cd client
npm install
npm start

• Open http://localhost:3000 with your browser to see the result.
• Username: admin
• Password: admin123

Project is: under development.

• Improve for mobile design.
• Add validation for each form input patient.

• If you want to see the design, you can visit the following link.

Created by @Zulhaditya - feel free to contact me!