🏥 Patient Appointment System - Frontend 📅

Watch full video demonstration of the software

Harnessing the Power of Modern Web Technologies to Streamline Healthcare Appointments

🚀 Overview

The Patient Appointment System is a dynamic frontend application designed to optimize healthcare appointment scheduling and management. Utilizing a suite of modern web technologies, it provides a robust platform for patients and healthcare providers to interact efficiently, backed by a powerful FastAPI backend.

✨ Key Features

• Interactive Patient Dashboard: Manage and view patients with detailed profiles. Click interactions reveal appointment histories and related actions in a dynamic, intuitive interface.
• Comprehensive Appointment Handling: Seamlessly manage pending and past appointments, with functionality to issue prescriptions that automatically update the appointment status.
• Service Management: Easily update and manage healthcare services with interactive list controls.
• Real-Time Notifications: Automated feedback notifications for user actions, enhancing the overall user experience.
• Secure User Authentication: Includes features for user login and logout, utilizing JWT for secure access and ensuring that users can only access routes they are authorized for.
• Adaptive UI Themes: Choose from light, dark, or system-based themes to personalize the visual experience.
• Optimized Data Queries: Leverage caching and state management for enhanced performance and faster response times.
• Integrated Payment Processing: Facilitated through Stripe for secure and hassle-free transactions.

🧰 Technologies and Libraries

• Vite: Next generation frontend tooling.
• React: For building powerful and interactive UIs.
• TanStack Query: State management optimized for async operations and caching.
• Shadcn UI: For crafting responsive and visually appealing components.
• Stripe: Secure online payment integration.

📦 Getting Started

Prerequisites

Ensure you have Node.js, npm, and Python installed:

node --version
npm --version
python --version

Installation

1. Clone the frontend repository:

   git clone https://github.com/Jhaveri-Jeet/Patient-Appointment-System-Admin.git
   cd Patient-Appointment-System-Admin
   npm install

2. Clone the API repository (necessary for backend services):

   git clone https://github.com/Jhaveri-Jeet/Patient-Appointment-System-Backend.git
   cd Patient-Appointment-System-Backend
   pip install -r requirements.txt

3. Run both servers (ensure both directories are running in separate terminals):

   # In the frontend directory
   npm run dev
   # In the backend directory
   uvicorn main:app --reload

Visit http://localhost:3000 to explore the application.

🔧 Reporting Issues

Encounter a bug or have a suggestion? Please open an issue to help us improve.