🚀 Project Overview
The Novel School Portal is a multi-page application (MPA) built with Django Templates that provides a complete, modern web presence for schools. It integrates a high-performance public frontend with a robust, custom Content Management System (CMS) tailored for school administrators.
📱 Technical Highlights & Architecture
The application is engineered for maximum performance, security, and ease of use:
- Frontend Tech Stack: A mobile-first design system utilizing Tailwind CSS, with HTMX for progressive lazy loading of deferred sections (like galleries and events), and Alpine.js for lightweight reactive interactions. Features GPU-accelerated CSS transitions for fluid UI elements like the sticky header and mobile sidebar.
- Backend & Database: Powered by Django 5.x and PostgreSQL with connection pooling. The modular architecture separates domains into distinct apps (academics, admissions, facilities, gallery).
- Media Delivery: Fully integrated with Cloudflare R2 for scalable object storage. The system automatically optimizes media on upload—converting images to WebP, compressing PDFs, and extracting thumbnails from YouTube links to save server space.
- Advanced Caching: Utilizes Redis for page, query, and template fragment caching. Implements a production-grade versioned invalidation strategy allowing fine-grained updates (e.g., bumping a homepage version or invalidating specific fragments) without flushing the entire cache.
- Zero-Trust & Security: Secure-by-default production configuration featuring strict rate limiting, CSRF protection, secure headers (HSTS, COOP), XSS prevention via auto-escaping, and HTTPS/SSL enforcement.
🗄️ Domain Modeling & Features
Custom CMS & Content Management
A dedicated, mobile-friendly CMS empowers staff to manage notices, events, people profiles, and academic results. It includes automatic generation of "Base64" logo versions for instant painting before the page fully loads.
CBSE Mandatory Disclosures
A specialized module for maintaining regulatory compliance, allowing the school to easily manage general info, infrastructure details, fee structures, and safely upload official certificates (NOC, Fire Safety).
Admissions & Facilities
- Admissions Portal: Easily toggle admissions open/closed status globally, manage application processes, and link to external data collection forms.
- Facilities Directory: Comprehensive management of school infrastructure with cover images, hero banners, and categorized photo albums.
🌟 Impact
The deployment of this platform provided Novel International School with a highly scalable, secure, and easily maintainable digital infrastructure. The combination of HTMX, automated media optimization, and fine-grained Redis caching resulted in lightning-fast page loads, drastically improving the user experience for prospective parents and students.