appointment-booking-frontend
appointment-booking-frontend copied to clipboard
alishabab
A react-redux single page application to book an appointment with a doctor of a hospital.
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.
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 [email protected]: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
Acknowledgments
- Murat Korkmaz for design
- Microverse
Show your support
Give a ⭐️ if you like this project!
📝 License
This project is MIT licensed.
alishabab