Overview
A ClearCodes portfolio showcase demonstrating how a single Django codebase can power completely different doctor websites using config-driven data and swappable CSS themes. Includes 6 Django projects (Medical Blue, Dark Gold, Emerald, Royal Purple, Bold Crimson, Rose Elegant) and 2 static HTML-only doctor sites (Futuristic Dark/Neon and Warm Terracotta). Each project has a unique color scheme, design language, and doctor persona. All 8 sites run from one server under a single Django deployment.
Development Phases
1
Phase 1
2
Phase 2
3
Phase 3
Phase 1
Shared Template & Theme Engine
Completed
Design one Django template that renders correctly across all 6 CSS themes. CSS custom property system, responsive layout, all sections (hero, about, services, reviews, contact).
Phase 2
6 CSS Themes & Doctor Configs
Completed
Create 6 unique CSS theme files (Blue, Dark Gold, Emerald, Purple, Crimson, Rose) and 6 Python config files with distinct doctor personas, services, and testimonials.
Phase 3
Static HTML Sites & Gallery
Completed
2 standalone pure HTML/CSS doctor sites (Neon Dark, Warm Terracotta) with unique layout patterns. Gallery landing page showcasing all 8 with live links.
Tech Stack
Django
Python
HTML5
CSS3
JavaScript
Config-Driven Architecture
Architecture
Shared Django template (doctor/home.html + base.html) with per-project CSS theme injection. Doctor data stored in Python config files (not DB) for maximum portability. Static HTML sites served via Django's filesystem serve() view. Gallery landing page aggregates all 8 projects.
Challenge
Creating 8 visually distinct websites without code duplication — each needing its own color system, typography feel, and doctor content while sharing one Django template codebase.
Solution
CSS custom properties (--accent, --bg, --text) per theme file let one HTML template render completely differently. Config Python files (not a DB model) hold doctor-specific content, making it trivial to add a new doctor project in minutes.