Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jmoseka/doctor_appointment_frontend

A react application that allows one to book an appointment with a doctor. This frontend is connected to a backend api made with ruby on rails
https://github.com/jmoseka/doctor_appointment_frontend

Last synced: about 1 month ago
JSON representation

A react application that allows one to book an appointment with a doctor. This frontend is connected to a backend api made with ruby on rails

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/thecodechaser-blueviolet)

# Doctor Appoinments Frontend

> Book Appoinments frontend is react forntend application for doctor book appoinemnts. This applications is responsive and users can load, create, and delete doctors and reservations. Users need to sign up or sign in to access application. They can sign up or sign in using the sign up and login forms.

## Link to the backend

[Doctor Appoinments Backend](https://github.com/MaganaAsiati/doctor_appointment_backend)

## Kanban Board
[Kanban Board](https://github.com/users/MaganaAsiati/projects/6/views/1)

## Initial state of kanban board
[Initial Kanban Board](https://user-images.githubusercontent.com/95297251/190628162-9c3baadb-4883-47ff-9f91-f56be1fb6965.png)

> ***We are a group of five***
1. Team 1 - [MaganaAsiati](https://github.com/MaganaAsiati)
2. Team 2 - [LionRouge1](https://github.com/LionRouge1)
3. Team 3 - [ericmahare](https://github.com/ericmahare)
4. Team 4 - [jmoseka](https://github.com/jmoseka)
5. Team 5 - [Mandela .T](https://github.com/mandelatuks )

## Preview:

### Home Page

![Screenshot from 2022-09-28 17-34-43](https://user-images.githubusercontent.com/38649067/192822556-ee1d7ac1-7af8-4ce6-a68d-7a71edea9890.png)

## Built With

- HTML
- CSS
- Bootstrap
- JavaScript
- REACT
- Redux
- Webpack
- Jest

## Live version

[Doctor-Book-Appoinments](https://doctor-appointment-frontend.netlify.app/)

## Getting Started

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

### Prerequisites
- A text editor(preferably Visual Studio Code)
- Node
- Web browser

### Install
- [Git](https://git-scm.com/downloads)
- [Node](https://nodejs.org/en/download/)

### Using it Locally

- Clone the project

```bash
git clone https://github.com/jmoseka/doctor_appointment_frontend.hit

cd doctor_appointment_frontend
```

- Install dependencies

```bash
npm i
or
npm install
```
- To Start the development server
```bash
npm start
```

- To test the project
```bash
npm run test
```

## Authors
👤 **Jamila Moseka**

- GitHub: [@jmoseka](https://github.com/jmoseka)
- Twitter: [@milamoseka](https://twitter.com/milamoseka)
- LinkedIn: [Jamila Moseka](https://linkedin.com/in/jamila-moseka)

:bust_in_silhouette: **Magana Mwinja Asiati**

- GitHub: [@MaganaAsiati ](https://github.com/MaganaAsiati)
- Twitter: [@asia_magana](https://twitter.com/asia_magana)
- LinkedIn: [Asia Magana](https://www.linkedin.com/in/asia-magana-60b451200/)

:bust_in_silhouette: **Eric Mahare**
- GitHub: [@erikmahare](https://github.com/ericmahare)
- Twitter: [@erikmahare](https://twitter.com/erikmahare)
- LinkedIn: [Eric Mahare](https://www.linkedin.com/in/eric-mahare-358944183/)

:bust_in_silhouette: **Matchoudi**

- GitHub: [@LionRouge1](https://github.com/LionRouge1)
- Twitter: [@Matchoudi1](https://twitter.com/Matchoudi1)
- LinkedIn: [matchoudi](https://linkedin.com/in/matchoudi)

👤 **Mandela Tumukunde**

- GitHub: [@mandelatuks](https://github.com/mandelatuks)
- Twitter: [@MandelaTm1](https://twitter.com/MandelaTm1)
- LinkedIn: [@Mandela Tumukunde](https://www.linkedin.com/in/mandela-tumukunde-794755194/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/jmoseka/doctor_appointment_frontend/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Inspired by original design for Creative Commons by [Murat Korkmaz](https://www.behance.net/muratk) on [Behance](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign).
- Inspiration: Microverse

## 📝 License

This project is [MIT](https://github.com/jmoseka/doctor_appointment_frontend/blob/dev/LICENSE) licensed.