Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mailsg/medimate-frontend

This is the Front end of the Book an Appointment App. The Back end is here at https://github.com/mailsg/medimate-backend
https://github.com/mailsg/medimate-frontend

css3 html5 javascript reactjs redux-toolkit

Last synced: 7 days ago
JSON representation

This is the Front end of the Book an Appointment App. The Back end is here at https://github.com/mailsg/medimate-backend

Awesome Lists containing this project

README

        



logo

MediMate

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# MediMate

**MediMate** is an app to book an appointment with a doctor. It is built as a two part app. This is the frontend part of the app. The back end part of this app can be found [here](https://github.com/mailsg/medimate-backend).

## 🛠 Built With

### Tech Stack

Client

Server

Database

### Key Features

- **API Endpoints to login a user**
- **API Endpoints to book appointments**
- **Simple User Interface**

(back to top)

## 💻 Getting Started

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

```sh
npm start
```

### Setup

Clone this repository to your desired folder:

```sh
git clone [email protected]:mailsg/medimate-frontend.git
cd medimate-frontend
```

### Install

Install this project with:

```sh
cd medimate-frontend
npm install
```

### Usage

To run the project, execute the following command:

```sh
Please follow the extra procedures below for a great user experience:

1. npm start

2. When the app opens, click the log_in button on the navigation panel

3. If you are a registered user, log_in. If not, click the sign_up button on the top right to register before you log_in with the same credentials.

4. If you are using the app for the first time, you will have to add doctors using the add doctors form in the navigation panel before accessing any page

5. From the navigation panel:
a. add doctors you want
b. delete doctors you dont want
c. reserve a doctor
d. delete a reservation
e. click on doctor name to see details
f. log_out

```

### Run tests

To run tests, run the following command:

```sh
npm test
```

(back to top)

## 👥 Authors

👤 **Charles Andrews**

- GitHub: [@forloop94](https://github.com/forloop94)
- LinkedIn: [LinkedIn](https://linkedin.com/in/andrewsCharlesUwem)

👤 **Emmanuel Tofa**

- GitHub: [@uno36](https://github.com/uno36)
- LinkedIn: [LinkedIn](https://linkedin.com/in/emmanuel-tofa-673b2516a)

👤 **Sandeep Ghosh**

- GitHub: [@mailsg](https://github.com/mailsg)
- LinkedIn: [LinkedIn](https://linkedin.com/in/sandeep0912)

(back to top)

## 🔭 Future Features

- **Booking Fee Payment**
- **Medical Records Storage**
- **Online Consultations**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

If you like this project consider leaving a star to the repository.

(back to top)

## 🙏 Acknowledgments

We would like to thank **Microverse** for giving us this opportunity to showcase our skills as a full stack developer. We would also like to thank **Murat Korkmaz** for providing the wonderful design of the app on **Behance**. Last but not the least a big thanks to the **Open Source** ecosystem for providing free to use resources without which the project would not have taken the shape. Thank you all.

(back to top)

## 📝 License

This project is [MIT](./MIT.md) licensed.

(back to top)