https://github.com/katarighe/book-appointment-front-end
The Book A Doctor appointments (Frontend) is a responsive React application that allows users to book appointments with doctors. This responsive application enables users to view, create, and delete both doctors and reservations. Access to the application requires users to sign up or sign in, which can be done through the provided forms.
https://github.com/katarighe/book-appointment-front-end
css html microverse-projects react
Last synced: 3 months ago
JSON representation
The Book A Doctor appointments (Frontend) is a responsive React application that allows users to book appointments with doctors. This responsive application enables users to view, create, and delete both doctors and reservations. Access to the application requires users to sign up or sign in, which can be done through the provided forms.
- Host: GitHub
- URL: https://github.com/katarighe/book-appointment-front-end
- Owner: katarighe
- License: mit
- Created: 2023-11-29T17:07:33.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-12-15T12:19:04.000Z (over 2 years ago)
- Last Synced: 2025-02-03T11:50:39.199Z (over 1 year ago)
- Topics: css, html, microverse-projects, react
- Language: JavaScript
- Homepage: https://book-doctor-appointment-frontend.netlify.app/
- Size: 1.9 MB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Book A Doctor Appointment (Frontend)
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [Frontend Version](#frontend-version)
- [Kanban Board](#kanban-board)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
- [🖼️ Project Gallery](#gallery)
- [Home](#home)
- [Details](#details)
- [Book Appointments](#book-appointments)
- [Reservations](#reservations)
# 📖 Book A Doctor appointments (Frontend)
The **Book A Doctor appointments (Frontend)** is a responsive React application that allows users to book appointments with doctors. This responsive application enables users to view, create, and delete both doctors and reservations. Access to the application requires users to sign up or sign in, which can be done through the provided forms.
Client
Server
Design
The main features of this app include:
- **Load, create, and delete doctors**
- **Load, create and delete appointments / reservations**
- **Signup and Signin feature**
- **Admin and User roles**
- [Backend version](https://github.com/katarighe/book-appointment-back-end)
- [Original Kanban Board](https://github.com/users/katarighe/projects/4/views/1)
- [Live Demo Link](https://book-doctor-appointment-frontend.netlify.app/)
To get a local copy up and running, follow these steps.
In order to run this project you need to prepare and install the following items:
- Web Browser (such as Google Chrome or Microsoft Edge)
- Code Editor (such as Visual Studio)
- Node
- Git
Clone this repository to your desired folder:
```
git clone git@github.com:katarighe/book-appointment-front-end.git
cd book-appointment-front-end
```
Install this project by using:
```
npm install
```
- Install dependencies
```bash
npm i
or
npm install
```
- Start the development server
```bash
npm start
```
- Test the frontend project
```bash
npm run test
```
- To run the p project run `npm run dev` and then run `npm run build` when you're done.
To add more features in the project, you will neeed to either create a new branch.
To ensure code quality and prevent typos, we've integrated linters and tests into this project.
For your convenience, you can use the following commands to check your HTML and CSS files while working in this repository:
```sh
npx eslint "**/*.{js,jsx}"
```
👤 **Mohamed Aden Ighe**
- GitHub: [@katarighe](https://github.com/katarighe)
- Twitter: [@katarighe](https://twitter.com/katarighe)
- LinkedIn: [@mighe](https://linkedin.com/in/mighe)
👤: **Antoine Makdessy**
- GitHub: [@ANTOINE1128](https://github.com/ANTOINE1128)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/antoine-makdessy/)
👤 **Andry Narson**
- GitHub: [@rbd3](https://github.com/rbd3)
- LinkedIn: [@Andry Narson Rabedesana](https://linkedin.com/in/andry-rabedesana)
👤 **Sodeeq Awoyemi**
- GitHub: [@githubhandle](https://github.com/Errytagedesign)
- Twitter: [@twitterhandle](https://twitter.com/errytage)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/errytagedesigns/)
👤 **Clarence Atim**
- GitHub: [@ClarenceAtim](https://github.com/ClarenceAtim)
- LinkedIn: [@Clarence Atim](https://www.linkedin.com/in/tegum-clarence-atim/)
Here are some future features that could be added to the Book a Doctor appointments app in the future.
- **Medication management**
- **Personalized healthcare plans**
- **Symptom checker**
- **Multilingual support**
- **Electronic health records (EHR)**
- **Clinical decision support**
- **Performance analytics**
- **Appointment reminders**
- **Wait time estimates**
- **Social features**
- **Patient communication**
- **Medical record access**
These are just a few potential future features for the "Book a Doctor" appointments app. The specific features that are implemented will depend on the needs and preferences of the users, as well as the available resources and technology.
It is also important to consider the ethical implications of adding new features, such as the potential for bias in AI-powered tools and the need to protect patient privacy and security.
Ultimately, the goal of any new feature should be to improve the user experience and make it easier for patients and doctors to access and manage healthcare.
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
Give a star⭐️ or a thumbs up 👍 if you like this project! You can visit my GitHub profile for more of my projects.
- Project supervised by [Microverse](https://www.microverse.org/)
- [Creative Commons 4.0 License](https://creativecommons.org/licenses/by-nc/4.0/)
- Original design theme is by [Murat Korkmaz on Behance](https://www.behance.net/muratk)
- [Link to the original design theme](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign/modules/173005579) by Murat Korkmaz
This project is [MIT](./LICENSE) licensed.
**Before login**
**After login**
