this project help the user as a patient get a medical record realtime, help the user to make an appointment with doctor, and help the doctor organize the data
- Live demo #1 [https://mrclinic.netlify.app]
- Live demo #2 [https://frontend-mr-clinic.vercel.app]
- BackEnd Repository [https://github.com/MR-Clinic/be]
- Quality Assurance Repository[https://github.com/MR-Clinic/Quality-Assurance]
- Figma Design Link [https://www.figma.com/file/feCwUQewjBqcFxG6jmpzou/Mr-Clinic?node-id=484%3A13]
- General Info
- Technologies Used
- Built With
- Features
- Screenshots
- Setup
- Project Status
- Room for Improvement
- Acknowledgements
- Contact
- our projects make an web based organizer that help the doctor to make an appointment with patient, make an appointment easily with doctor, get a report recipe (for patient), and get organized medical records data by patient (doctor), can work with 3 roles, patients, doctor and admin. so what we expect in future, the clinic can get organized data, the patient can make an appointment easily with the doctor based on their livings and in the end no more untracked data that makes mistreated patient
- Next.js - version 12.1.0
- TailwindCss - version 3.0.23
- Next Js - Next Js simplified HTML, routing and interactions for rapid web development
- Tailwind Css - simplified to styling, with inline styling
- React-icons
- axios
- moment
- react-redux
- redux-thunk
- sweetalert
List the ready features here:
- register - sign in - sign out with regex, on username, email input and password validation
- doctor can check anytime patient data, and fill the patient medical record
- doctor and admin can check how much patient visit (daily report, and total report)
- user type validation ( the patient can't access doctor page, etc)
- patient can make an appointment with doctor (registration needed),patient can cancelled the appointment, and patient can get history visit report (with medicine recipe)
- auto generate account on admin, doctor can edit the data (username, password, form data, admin password, etc.)
Landing page section
Dashboard page
Diagnose (doctor page)
to run this project, install it locally using npm
$ cd ../Frontend
$ npm install
$ npm run dev
Project is: no longer being worked on. this is our final project, so feel free to everyone that wants to elaborate and imporve this project
Room for improvement:
- Improvement to be done add appointment with doctor based on patient location
To do:
- Feature to be added search doctor on patient dashboard, add image on diagnose doctor
- Feature to be added edit patient profile, edit doctor profile, etc
- make this website responsive and mobile friendly
Give credit here.
- This project was inspired by halodoc and
- Many thanks to our team, FE, QA and BE Group three. so many things missing guys, we've worked hard, so best appraise for us, thanks for the good work !