Fix Karachi: e-City Portal is a smart governance and urban issue management platform designed to bridge the gap between citizens and municipal authorities. The system enables citizens to digitally report civic issues (such as potholes, garbage collection, water leaks, and streetlight faults), track progress in real time, and engage with city administration transparently.
This project was developed as part of an SDA (Software Design & Architecture) course project, following a Hybrid SDLC (Waterfall + Agile) approach.
To transform Karachi into a smarter, more responsive, and transparent city by leveraging modern web and mobile technologies that promote civic engagement and data-driven governance.
Modern cities face daily civic challenges, but existing manual complaint-handling systems suffer from:
- Delays in resolution
- Lack of transparency
- Poor accountability
- No real-time tracking
The E-City Portal solves these problems by providing a centralized digital platform where all stakeholders collaborate efficiently.
- Digital Issue Reporting – Simple and intuitive complaint submission
- Efficient Issue Management – Structured tracking and resolution
- Transparency & Accountability – Real-time status updates
- Role-Based Access Control – Separate dashboards for each role
- Community Engagement – Public feed and citizen feedback
- Automated Moderation – Content filtering before escalation
- Citizen – Submit and track complaints, interact with community feed
- Moderator – Review and filter submitted content
- Department Officer – Resolve assigned complaints
- Admin – System oversight, analytics, and assignment control
-
Admin Board (Top Authority)
- System oversight
- Final moderation approval
- Department assignment
-
Moderators
- Content screening and verification
-
Departments
- Department Manager
- Field Employees
-
Citizens
- Complaint submission and feedback
- Clear requirement definition
- System architecture design
- Defined permissions & hierarchy
- Sprint-based implementation
- Iterative improvements
- Continuous feedback integration
Why Hybrid? Government systems require stability, while citizen-facing features demand flexibility—this model ensures both.
| Phase | Description | Duration |
|---|---|---|
| Planning | Scope, objectives, risk assessment | 2 Weeks |
| Requirements Analysis | Functional & non-functional requirements | 3 Weeks |
| Development | Architecture, coding, integration | 8 Weeks |
| Testing | Unit, integration & UAT testing | 4 Weeks |
| Deployment | Launch & post-launch support | 1 Week |
A scalable client–server architecture with secure APIs and cloud deployment.
Frontend
- React.js (Web)
- React Native (Mobile)
- Tailwind CSS
- Redux Toolkit
Backend
- Node.js + Express.js (REST APIs)
Database
- MongoDB Atlas (Primary)
- PostgreSQL (Alternative)
Authentication & Services
- JWT / Firebase Authentication
- Google Maps API
- Cloudinary (Media Storage)
CI/CD & Deployment
- GitHub Actions
- Vercel (Web)
- Render / Railway (Backend)
- Expo & Play Store (Mobile)
POST /auth/register– Register user (CNIC/Passport)POST /auth/login– Login & token generationPOST /auth/verify-cnic– CNIC verification via NADRA APIGET /auth/profile– Fetch user profile
PUT /user/update– Update user profileGET /user/{id}– Fetch user details
POST /complaints/create– Submit complaintGET /complaints/{id}– Get complaint by IDGET /complaints/user/{userId}– User-specific complaintsGET /complaints– All complaints (Admin)PUT /complaints/{id}/status– Update complaint statusPUT /complaints/{id}/assign– Assign to department
POST /ml/tag– Auto category & priority detection
POST /feed/post– Create public postGET /feed– Get feedGET /feed/{id}– Single post details
POST /media/upload– Upload mediaGET /media/{filename}– Access media
POST /moderation/check– Auto content moderationPUT /moderation/flag/{postId}– Flag contentGET /admin/dashboard– System statisticsGET /admin/officers– List officersPUT /admin/assign/{complaintId}– Assign complaint
- User Dashboard (Citizen)
- Admin Dashboard
- Moderator Panel
- Figma-based UI Prototype
- 🔊 Speech-to-Text complaint entry
- 🌐 Multilingual support (Urdu, English, Sindhi)
- 🏙️ Expansion to other cities
- 📊 Advanced analytics & AI insights
- Strengthens citizen–government communication
- Improves response time and accountability
- Enables smart, data-driven governance
- Enhances urban liveability
We are committed to applying the knowledge and skills gained from this project in our future academic and professional journeys, contributing positively to society and the tech ecosystem.
Fix Karachi e-City Portal – Towards a Smarter, Connected City 🚀