Git Product home page Git Product logo

msse-research-projects / appointdoc Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ovisarkar62/appointdoc

0.0 0.0 0.0 4.28 MB

This is a professional-grade MERN stack web application for booking doctor appointments. Patients can browse through a list of doctors and their availability and book an appointment with their preferred doctor. Doctors can view their schedule, manage their availability, and approve/cancel appointments.

Home Page: https://appoint-doc.vercel.app

JavaScript 92.38% CSS 4.14% HTML 3.29% Shell 0.19%

appointdoc's Introduction

AppointDoc

This is a professional-grade MERN (MongoDB, Express, React, Node.js) stack web application for booking doctor appointments. Patients can browse through a list of doctors and their availability and book an appointment with their preferred doctor. Doctors can view their schedule, manage their availability, and approve/cancel appointments.

Project View

1. For User Profile

  • Homepage

img-name

  • Appointment Lists

img-name

  • Booking Appointment

img-name

  • Apply As Doctor

img-name

  • New Notifications

img-name

  • Read Notifications

img-name

2. For Doctor Profile

  • Homepage

img-name

  • Appointment Lists

img-name

  • Manage Profile

img-name

3. For Admin Profile

  • Homepage

img-name

  • Doctors List

img-name

  • Users List

img-name

Installation

To set up BloodLife locally, follow these steps:

  • Clone the repository:

    git clone https://github.com/OviSarkar62/AppointDoc.git
    
  • Install the required dependencies for backend:

    npm install express joi jsonwebtoken moment mongoose morgan nodemon zxcvbn dotenv colors bcryptjs
    
  • Navigate to the client directory:

     cd client
    
  • Install the dependencies for the client:

     npm i react-router-dom react-redux axios antd @reduxjs/toolkit react-bootstrap moment
    
  • Create a .env file in the root directory with the following environment variables:

     DB_URL = mongodb+srv://<user>:<pass>@cluster0.l17quyr.mongodb.net/database
    
     JWT_SECRET = A_Secret_Value
    
     PORT = 4000
    
  • Start the server:

     npm start
    
  • In a new terminal window, navigate to the client directory:

     cd client
    
  • Start the client:

     npm start
    
  • Access the application. Open your web browser and visit http://localhost:3000 to access the application.

Usage

  • The AppointDoc application allows doctors to manage their appointments with ease. Doctors can create new appointments, view existing appointments, and approve or reject appointments as necessary.

  • To create a new appointment, the user needs to click on the "New Appointment" button on the doctor's card. They will then be presented with a form where they can enter the details of the appointment, including date and time.

  • To view existing appointments, the doctor needs to click on the "Appointments" button on the sidebar. They will then be presented with a list of all their appointments, presented by date and time. The doctor can click on any appointment to approve or reject to change it's pending status.

  • To update time of availability, the doctor needs to click on the profile page where they wish to update the time of appointments. They will then be presented with a form where they can edit the start time and end time details of the appointment.

Stack

  • MongoDB - NoSQL database for storing data
  • Express - Backend framework for building RESTful APIs
  • React - Frontend framework for building user interfaces
  • Node.js - JavaScript runtime environment for building scalable server-side applications
  • JWT - JSON Web Token for user authentication and authorization
  • Bcrypt - Password hashing library for secure password storage

Live Link

The live project: AppointDoc

appointdoc's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.