https://github.com/karamanburak/hospital-appointment

🩺 This project is a simple react application. The goal of the project is to make an appointment with a doctor and change the date or cancel the appointment.
https://github.com/karamanburak/hospital-appointment

Last synced: 2 days ago
JSON representation

🩺 This project is a simple react application. The goal of the project is to make an appointment with a doctor and change the date or cancel the appointment.

• Host: GitHub
• URL: https://github.com/karamanburak/hospital-appointment
• Owner: karamanburak
• Created: 2024-03-06T12:19:14.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-18T08:35:54.000Z (7 months ago)
• Last Synced: 2024-04-18T10:24:06.364Z (7 months ago)
• Language: JavaScript
• Homepage:
• Size: 8.91 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# hospital-appointment

[Hospital Appointment Live](https://hospital-appointment-page.netlify.app/)

## Description

This project is a simple hospital appointment application. The project is developed with React. The purpose of the project is to view the doctors in the hospital and create an appointment with the desired doctor, change or cancel the created appointment. At the same time, the existing appointments of each doctor can be viewed and their times can be checked.

## Project Skeleton

```

 Appointment App (folder)

|        

SOLUTION

├── public

│     └── index.html

├── src

│    ├── components

│    │       ├── AddPatient.jsx

│    │       │

│    │       └── PatientList.jsx

│    │

│    ├── pages

│    │       └── Home.jsx

│    ├── helper

│    │       └── Data.js

│    ├── App.js

│    ├── index.css

│    └── index.js

├── .gitignore

├── package.lock.json

├── package.json

└── README.md

```

## Outcome

![Project Snapshot](https://github.com/karamanburak/Hospital-Appointment-React/assets/150926922/21c49b0c-29d8-44e7-b9c9-9a883b737024)

## Steps to Solution

- Step 1: Create React App using `npx create-react-app appointment-app`

- Step 2 : Install `"react-icons"` package to your `package.json` for icons.

- Step 4: You can use CSS frameworks like Bootstrap, Material UI.

## Additional Data

  - [Data.js](./src/helper/data.js)