Overview
A complete healthcare web platform built for individual doctors and small clinics. Features a public-facing doctor profile with specializations, credentials, and reviews, an appointment booking system with calendar slot selection and multiple consultation types (in-person, video, phone), and a private doctor dashboard with schedule management, patient records, weekly analytics, and quick actions. Designed with a modern dark theme using teal/cyan accents, built entirely with Django, HTML, and CSS — no heavy frontend frameworks.
Development Phases
1
Phase 1
2
Phase 2
3
Phase 3
Phase 1
Doctor Profile & UI Design
Completed
Public-facing doctor profile page with hero, specializations, education timeline, patient reviews, and appointment CTA. Three distinct design variants (light, warm, modern portfolio).
Phase 2
Booking System
Completed
Interactive appointment booking with consultation type selector (in-person/video/phone), calendar with available slots, patient info form, and booking summary sidebar.
Phase 3
Doctor Dashboard & Analytics
Completed
Doctor's admin panel with today's schedule, patient table, weekly appointment bar chart, appointment-type donut chart, quick actions, and recent activity feed.
Tech Stack
Django
Python
HTML5
CSS3
JavaScript
Architecture
Single Django app with three main views: public doctor profile, appointment booking, and doctor admin dashboard. Pure CSS charts and UI components with no JS frameworks. Session-based appointment flow.
Challenge
Building a fully interactive booking calendar and appointment slot system without JavaScript frameworks, and designing a doctor dashboard with pure CSS bar and donut charts.
Solution
Implemented conic-gradient for donut charts and CSS flexbox height manipulation for bar charts. The booking calendar uses progressive DOM manipulation with vanilla JS.