About CivicLens Zambia.
CivicLens Zambia is an interactive web-based district planning dashboard designed to support civic education, local development planning, and evidence-based decision-making.
Project Meaning
Why CivicLens Zambia?
“Civic” refers to citizens, communities, governance, public services, and participation. “Lens” means the system helps users see district planning information more clearly. “Zambia” shows that the project is locally focused on Zambian provinces and districts.
Project overview
Problem
District planning involves difficult trade-offs between water, education, health, roads, livelihoods, climate resilience, and accountability.
Solution
The system allows users to select a district, review allocations, view scorecards, run planning simulations, and generate reports.
Importance
The project demonstrates how digital tools can improve access to planning information, promote transparency, and support better decision-making at district level.
Target users and features
Target users
- Administrators
- District planners
- Students and learners
- CSOs and community monitors
Main features
- Viewer Portal
- Administrator Portal
- Province and district selection
- Planning simulator and dashboard
- Report preview, copy, print, and save PDF
- Data Manager with import and export tools
Technologies used
HTML
Provides the structure of the pages, forms, sections, tables, and buttons.
CSS
Controls the layout, colours, cards, buttons, fonts, spacing, and responsive design.
JavaScript
Controls login, interactivity, simulation, data management, validation, and reports.
localStorage
Stores edited data in the browser for the standalone version of the system.
File structure
| File/Folder | Purpose |
|---|---|
| index.html | Homepage and main interactive dashboard. |
| about.html | About page explaining the project purpose, users, features, and technologies. |
| contact.html | Contact page for project enquiries and support information. |
| css/style.css | External stylesheet for all pages. |
| js/script.js | External JavaScript file for the interactive dashboard. |
| images/ | Folder reserved for images and graphics. |
| docs/ | Folder containing project documentation and support files. |