Skip to content

sadikahmetaydin/doctor-appointment-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Doctor Appointment Website 🥼

A doctor appointment website build with mongodb, express, reactjs and nodejs.

💡About this project

Doctor Appointment website quite useful website. In this project it consists of 3 parts. First one is backend, second one is frontend and last one is admin. You can easly sign up and sign in that page. And then you can see home, all doctors , about and contact page. If you go to the all doctor page you can choose specialization of doctor. If you choose one doctor after doing that immediately will going to the doctor personel page, and then you will choose easely appontment date. If maybe you change you desicion, you should profile page and cancel you appointment. I gave some rights the admin panel. A few of them, add a doctor personel information, graduation, specialization and picture and so on. This website I made three weeks it took quite such a long time but it's very developing myself and learn lots of new things.

⚡Technologies

  • MONGODB
  • EXPRESS
  • REACT JS
  • NODE JS
  • TAILWINDCSS

🛠 Dependecies

  • AXIOS
  • REACT ROUTER
  • REACT TOASTIFY

🚦 Running the Project

To run the project in your local environment, follow these steps: ⬇️

1️⃣ You need:

  • Vite Tool
  • NodeJs.
  • Database (MongoDB) Free Cluster.

2️⃣ Create .env file:

Create a .env file to store your credentials:

  • MONGODB_URI=mongodb+srv://<username>:<password>@clusterName.xxxxxxx.mongodb.net/doctor-appointment

3️⃣ Download npm packages and Vite tool:

  • For the backend side follow these steps: ⬇️
  1. Run npm install in the project directory to install the required dependencies.
  2. Run npm run server to get the project started.
  3. Open http://localhost:4000 (or the address shown in your console) in your web browser to view the app.
  • For the frontend side follow these steps: ⬇️
  1. Run cd doctor-appointment-website/frontend/ should go folder field.
  2. Run npm install in the project directory to install the required dependencies.
  3. Run npm run dev to get the project started.
  4. Open http://localhost:5173 (or the address shown in your console) in your web browser to view the app.
  • For the admin side follow these steps: ⬇️
  1. Run cd doctor-appointment-website/admin/ should go folder field.
  2. Run npm install in the project directory to install the required dependencies.
  3. Run npm run dev to get the project started.
  4. Open http://localhost:5174 (or the address shown in your console) in your web browser to view the app.

🌍 How it looks

📸 - Demo Images