ABC Hospital

A react-redux single page responsive application, where user can see the details of doctors of ABC Hospital and book an appointment with the doctor. A user needs to sign up and login to book/delete an appointment.

Report Bug · Request Feature

Table of Contents

• About the Project
• Installation
• Test
• Live Link
• Built With
• Nice to have features
• Potential Future Updates
• Contact
• Acknowledgements

About The Project

In this project I have developed a single page application for a Hospital with react and redux libraries. App name is ABC Hospital. A user can sign up/login to see the details of doctors and book an appointment.

App uses react router to route to different components. Backend APIs are developed with Ruby on Rails. Click here to see backend project details.

Live Link

Click here to see live version

Installation

To run the app locally, clone the repository, navigate to it's directory.

Follow these commands step by step:-

git clone git@github.com:alishabab/appointment-booking-frontend.git
cd appointment-booking-frontend
npm install
npm start

Now go to localhost:3000 in your browser.

Test

To run unit test run npm test in root directory.

Built With

• HTML/CSS
• React
• Redux
• React Router
• Bootstrap
• CSS Modules
• Axios
• Eslint
• Stylelint
• ES6
• NPM
• React Alert
• Font-Awesome
• Heroku for Live version deployment

'Nice to have features' that are implemented

• User authentication using JWT
• Responsive to mobile and desktop screens
• React alert

Potential Future Updates

• Department-wise doctors list
• Online fee payment
• Doctor's available slots
• Rendering Optimization

Authors

👤 Shabab Ali

• LinkedIn
• GitHub
• Email

Acknowledgments

• Murat Korkmaz for design
• Microverse

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.