Doctor Reservation frontend

Doctor Reservation 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

Book Appoinments Backend

Kanban Board

[Kanban Board screenshot one] [Kanban Board screenshot one] [Kanban Board screenshot one] [Kanban Board screenshot one]

Initial state of kanban board

Initial Kanban Board

We are a group of four

1. Team 1 - Mohammad Rafi Amin
2. Team 2 - Ayomipo Majek
3. Team 3 - Muhammad Davlatov
4. Team 4 - Iqbal Elham

🛠 Built With

This app is build with React and Redux.

Tech Stack

React

Redux

Key Features

• The main page where the client can see all list of doctors and click on any selcted doctor to display the details of that each doctor.
• The client can make reservation through the reserve page.
• The client can see a list of their reservations.
• The client can add a new doctor through the add new navigation link.
• The client can click on the delete doctor button from the naviagtion panel and see a list of all doctors which belongs to the current user with a "delete" button and then delete a particular doctor.
• The deleted doctors are removed from the home page.
• The login page.
• The doctors details page is where the user can click on the "Reserve" button to reserve the doctor.

(back to top)

🚀 Live Demo

• Render

(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:

• Mac or PC
• Install node.js
• Use npm or yarn as package manager.
• Have depth Understanding of React, Redux and API.

Setup

• Clone this repository to your desired folder:

 git clone git@github.com:Iqbal-Elham/Doctor-Reservation-frontend.git

• Navigate into the cloned folder

 cd doctor-reservation-frontend

Install

• Install this project with:

 npm install

• Start the server

 npm start

(back to top)

👥 Authors

👤 Mohammad Rafi Amin

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

👤 Ayomipo Majek

• GitHub: @AyomipoMajek
• Linkedin: @AyomipoMajek

👤 Muhammad Davlatov

• GitHub: @Muhammad0602
• LinkedIn: LinkedIn

👤 Iqbal Elham

• GitHub: @Iqbal-Elham
• GMail: @Iqbal-Elham

(back to top)

🔭 Future Features

• Apply multi language model
• Implement proper user authentication from the front-end to the server.
• Make sure that the "Add item" and "Delete item" links are accessible only by users who are admins.
• Add payment option
• Improve The UI Design

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project please give it a ⭐️. Your support is greatly appreciated!

(back to top)

🙏 Acknowledgments

We would like to thank Microverse for giving us this chance to learn how to build a Rails API and connect it to a React frontend.

• We would like to give Credit to 🙏 Murat Korkmaz the author of the original Vespa- Responsive Redesign, as required by the Creative Commons License.

(back to top)

📝 License

This project is MIT licensed.

(back to top)