/doctors-schedule

πŸ‘©β€βš•οΈApp for doctors to see patient visits😷

Primary LanguageJavaScript

The best Doctor's Schedule Visits application πŸ‘©β€βš•πŸ—“

HTML5, CSS3, JS(ES6), WEBPACK

Live Demo

About the project πŸ’»

The best Doctor's Schedule Visits application - it's application for secretary to manage visits in the clinic. You can schedule your visit for one of 3 available doctors:

  • Therapist
  • Dentist
  • Cardiologist

For testing all possibilities of app, please login πŸ”‘:

Login: marina@gmail.com

Password: admin111

doctors-cards

Card states

  • 3 urgency state: Ordinary, Priority, Urgent.(differ in border color)
  • Open, Done (differ in card background color)
  • Overdue, normal(overdue is dark grey) image

Functionality βš™οΈ

  • Application supports archive of visits and you can filter by actual and done visits, by level priority and many other parameters.
  • It also supports drag & drop, so you can sort card as you wish in this session without any problem.
  • Application has been protected by password and each user has his own token.
  • This app works with real server and by click you can change data in database.
app-demo.mp4

Team πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»πŸ‘©β€πŸ’»

The best Doctor's Schedule Visits application has been created by team from 3 developers-begginers:

Stack πŸ“š

App has been made by native javascript with using next helpers:

  • webpack
  • bootstrap
  • drag and drop library

Tasks πŸ“

Elena Savchenko Andrii Khomik Yulia Boiko
login form api requests to the server cards
visit modals header drag&drop
webpack config filter

Modes of developing ▢️

Webpack supports 2 modes of developing:

  • npm run dev - to run application into the developer mode
  • npm run build - to run application into production mode, ready for using by users