{"id":15549682,"url":"https://github.com/katarighe/book-appointment-front-end","last_synced_at":"2026-04-16T08:36:31.524Z","repository":{"id":210080228,"uuid":"725212267","full_name":"katarighe/book-appointment-front-end","owner":"katarighe","description":"The Book A Doctor appointments (Frontend) is a responsive React application that allows users to book appointments with doctors. This responsive application enables users to view, create, and delete both doctors and reservations. Access to the application requires users to sign up or sign in, which can be done through the provided forms.","archived":false,"fork":false,"pushed_at":"2023-12-15T12:19:04.000Z","size":1991,"stargazers_count":1,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-02-03T11:50:39.199Z","etag":null,"topics":["css","html","microverse-projects","react"],"latest_commit_sha":null,"homepage":"https://book-doctor-appointment-frontend.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/katarighe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-11-29T17:07:33.000Z","updated_at":"2024-02-15T15:03:08.000Z","dependencies_parsed_at":"2024-10-02T13:41:28.623Z","dependency_job_id":"1699d9c6-9156-43cb-b2ae-c54780cafa8e","html_url":"https://github.com/katarighe/book-appointment-front-end","commit_stats":null,"previous_names":["katarighe/book-appointment-front-end"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2Fbook-appointment-front-end","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2Fbook-appointment-front-end/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2Fbook-appointment-front-end/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2Fbook-appointment-front-end/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/katarighe","download_url":"https://codeload.github.com/katarighe/book-appointment-front-end/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246126664,"owners_count":20727594,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html","microverse-projects","react"],"created_at":"2024-10-02T13:41:17.945Z","updated_at":"2026-04-16T08:36:31.455Z","avatar_url":"https://github.com/katarighe.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"bookadoc-logo.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eBook A Doctor Appointment (Frontend)\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n    - [Frontend Version](#frontend-version)\n    - [Kanban Board](#kanban-board)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Prerequisites](#prerequisites)\n  - [Setup](#setup)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n- [🖼️ Project Gallery](#gallery)\n  - [Home](#home)\n  - [Details](#details)\n  - [Book Appointments](#book-appointments)\n  - [Reservations](#reservations)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 Book A Doctor appointments (Frontend) \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\nThe **Book A Doctor appointments (Frontend)** is a responsive React application that allows users to book appointments with doctors. This responsive application enables users to view, create, and delete both doctors and reservations. Access to the application requires users to sign up or sign in, which can be done through the provided forms.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en/docs/Web/HTML\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en/docs/Web/CSS\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en/docs/Web/JavaScript\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eServer\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://react.dev/\"\u003eReact\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://vitejs.dev/\"\u003eVite\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eDesign\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://sass-lang.com/\"\u003eSCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://getbootstrap.com/\"\u003eBootstrap\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://react-icons.github.io/react-icons/\"\u003eReact Icons\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- FEATURES --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\nThe main features of this app include:\n\n- **Load, create, and delete doctors**\n- **Load, create and delete appointments / reservations**\n- **Signup and Signin feature**\n- **Admin and User roles**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\u003c!-- BACKEND VERSION --\u003e\n\n### Backend Version \u003ca name=\"backend-version\"\u003e\u003c/a\u003e\n\n- [Backend version](https://github.com/katarighe/book-appointment-back-end)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- KANBAN BOARD --\u003e\n\n### Kanban Board \u003ca name=\"kanban-board\"\u003e\u003c/a\u003e\n\n- [Original Kanban Board](https://github.com/users/katarighe/projects/4/views/1)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Demo Link](https://book-doctor-appointment-frontend.netlify.app/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites \u003ca name=\"prerequisites\"\u003e\u003c/a\u003e\n\nIn order to run this project you need to prepare and install the following items:\n\n- Web Browser (such as Google Chrome or Microsoft Edge)\n- Code Editor (such as Visual Studio)\n- Node\n- Git\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Setup \u003ca name=\"setup\"\u003e\u003c/a\u003e\n\nClone this repository to your desired folder:\n\n```\ngit clone git@github.com:katarighe/book-appointment-front-end.git\ncd book-appointment-front-end\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Install \u003ca name=\"install\"\u003e\u003c/a\u003e\n\nInstall this project by using:\n\n```\nnpm install\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Usage \u003ca name=\"usage\"\u003e\u003c/a\u003e\n\n- Install dependencies\n\n```bash\nnpm i \nor\nnpm install\n```\n- Start the development server\n```bash\nnpm start\n```\n\n- Test the frontend project\n```bash\nnpm run test\n```\n\n- To run the p project run `npm run dev` and then run `npm run build` when you're done.\n\nTo add more features in the project, you will neeed to either create a new branch.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Run tests \u003ca name=\"run-tests\"\u003e\u003c/a\u003e\n\nTo ensure code quality and prevent typos, we've integrated linters and tests into this project. \n\nFor your convenience, you can use the following commands to check your HTML and CSS files while working in this repository:\n\n```sh\n  npx eslint \"**/*.{js,jsx}\"\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Mohamed Aden Ighe**\n\n- GitHub: [@katarighe](https://github.com/katarighe)\n- Twitter: [@katarighe](https://twitter.com/katarighe)\n- LinkedIn: [@mighe](https://linkedin.com/in/mighe)\n\n👤: **Antoine Makdessy**\n\n- GitHub: [@ANTOINE1128](https://github.com/ANTOINE1128)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/antoine-makdessy/)\n\n👤 **Andry Narson**\n\n- GitHub: [@rbd3](https://github.com/rbd3)\n- LinkedIn: [@Andry Narson Rabedesana](https://linkedin.com/in/andry-rabedesana)\n\n👤 **Sodeeq Awoyemi**\n\n- GitHub: [@githubhandle](https://github.com/Errytagedesign)\n- Twitter: [@twitterhandle](https://twitter.com/errytage)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/errytagedesigns/)\n\n👤 **Clarence Atim**\n\n- GitHub: [@ClarenceAtim](https://github.com/ClarenceAtim)\n- LinkedIn: [@Clarence Atim](https://www.linkedin.com/in/tegum-clarence-atim/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\nHere are some future features that could be added to the Book a Doctor appointments app in the future.\n\n- **Medication management**\n- **Personalized healthcare plans**\n- **Symptom checker**\n- **Multilingual support**\n- **Electronic health records (EHR)**\n- **Clinical decision support**\n- **Performance analytics**\n- **Appointment reminders**\n- **Wait time estimates**\n- **Social features**\n- **Patient communication**\n- **Medical record access**\n\nThese are just a few potential future features for the \"Book a Doctor\" appointments app. The specific features that are implemented will depend on the needs and preferences of the users, as well as the available resources and technology.\n\nIt is also important to consider the ethical implications of adding new features, such as the potential for bias in AI-powered tools and the need to protect patient privacy and security.\n\nUltimately, the goal of any new feature should be to improve the user experience and make it easier for patients and doctors to access and manage healthcare.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nGive a star⭐️ or a thumbs up 👍 if you like this project! You can visit my GitHub profile for more of my projects.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n- Project supervised by [Microverse](https://www.microverse.org/)\n- [Creative Commons 4.0 License](https://creativecommons.org/licenses/by-nc/4.0/)\n- Original design theme is by [Murat Korkmaz on Behance](https://www.behance.net/muratk)\n- [Link to the original design theme](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign/modules/173005579) by Murat Korkmaz\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- PROJECT GALLERY --\u003e\n## 🖼️ Project Gallery \u003ca name=\"gallery\"\u003e\u003c/a\u003e\n\n### Home \u003ca name=\"home\"\u003e\u003c/a\u003e\n\n**Before login**\n![image](https://github.com/katarighe/book-appointment-front-end/assets/80690364/8d8a67a3-f38a-4d1d-ba89-4e2fb3f8a418)\n\n**After login**\n![image](https://github.com/katarighe/book-appointment-front-end/assets/80690364/f9915baf-d64b-4f1c-b83a-16d00e91165f)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Details \u003ca name=\"details\"\u003e\u003c/a\u003e\n\n![image](https://github.com/katarighe/book-appointment-front-end/assets/80690364/fd7ad322-d4b8-422b-9734-d5271e2379f6)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Book Appointments \u003ca name=\"book-appointments\"\u003e\u003c/a\u003e\n\n![image](https://github.com/katarighe/book-appointment-front-end/assets/80690364/162c2cd0-3631-4c43-a38d-c60a02153ae7)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Reservations \u003ca name=\"reservations\"\u003e\u003c/a\u003e\n\n![image](https://github.com/katarighe/book-appointment-front-end/assets/80690364/1c4990d2-8bb7-4e9f-8b2d-1aa2ab37b59c)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkatarighe%2Fbook-appointment-front-end","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkatarighe%2Fbook-appointment-front-end","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkatarighe%2Fbook-appointment-front-end/lists"}