This project is a Medical Appointment Booking Web Application built with React, Tailwind CSS, DaisyUI, and Recharts. It allows users to browse doctors, view detailed profiles, book and cancel appointments, and visualize appointment fees with charts. The application is fully responsive, interactive, and ensures data persistence using LocalStorage.
✨ Features
🏥 Homepage with banner, doctor listings, success counters & stats
👨⚕️ Doctor details page with availability and booking system
📅 Bookings page with appointment management (persisted in LocalStorage)
📊 Appointment fee visualization using Recharts
🔢 Counting animation using react-countup
📝 Blogs page covering key React concepts (useState, useEffect, custom hooks, controlled vs uncontrolled, useFormStatus())
❌ Custom error page with navigation support
🎨 Responsive design & smooth UI transitions
⚙️ Tech Stack
React
React Router
Tailwind CSS + DaisyUI
Recharts
react-countup