Appointment Management Frontend

React/TypeScript frontend for the Appointment Management System.

Features

• User registration and authentication
• Create, edit, and cancel appointments
• View appointments in calendar or list view
• Real-time availability checking
• Responsive design for mobile and desktop

Tech Stack

• React with TypeScript
• React Router for navigation
• Axios for API communication
• CSS Modules for styling

Getting Started

npm install
npm run dev

The app runs on http://localhost:5173 by default.

API

This frontend connects to the Appointment Management API.

Project Structure

src/
├── components/    # Reusable UI components
├── pages/         # Route pages
├── services/      # API client and auth
├── hooks/         # Custom React hooks
└── types/         # TypeScript type definitions