Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sadikahmetaydin/doctor-appointment-website

Doctor Appoinment Website Project
https://github.com/sadikahmetaydin/doctor-appointment-website

doctor-appointment-booking doctor-appointment-booking-system expressjs git github mern-stack mern-stack-development mern-stack-project mongodb nodejs reactjs

Last synced: about 1 month ago
JSON representation

Doctor Appoinment Website Project

Awesome Lists containing this project

README

        

# 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://:@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](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](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](http://localhost:5174) (or the address shown in your console) in your web browser to view the app.

## 🌍 How it looks

📸 - Demo Images

#

#

#

#

#