Fix Karachi: e-City Portal
Meet the Innovators: Our SDA Project Team
We are a dedicated team committed to leveraging technology for urban improvement, bringing diverse skills and a shared vision to the "Fix Karachi eCity" project.
Kinza Afzal 23K-0842
Project Lead & System Architect
Sanjna 23K-2022
UI/UX Specialist
Laiba 23K-0652
Database & Backend Dev
Hasan 22k-4505
QA & Testing Lead
Project Timeline: SDLC Phases for e-City Karachi
Our project follows a structured Software Development Life Cycle, ensuring a systematic approach from conception to deployment. Here’s a breakdown of the key phases and their estimated durations:
1
Planning
Defining project scope, objectives, and resource allocation, along with initial risk assessment. (2 Weeks)
2
Requirements Analysis
Gathering, analyzing, and documenting detailed functional and non-functional requirements from stakeholders. (3 Weeks)
3
Development
Designing the system architecture, coding modules, and integrating components to build the e-City platform. (8 Weeks)
4
Testing
Comprehensive unit, integration, system, and user acceptance testing to ensure quality and functionality. (4 Weeks)
5
Deployment
Launching the platform to end-users, providing training, and initiating post-launch support. (1 Week)
e-City Project Timeline
Project Overview: Transforming Urban Governance
We are revolutionizing urban management, leveraging cutting-edge technology to foster a more responsive, transparent, and efficient city administration.
The E-City Portal: A Digital Bridge
A sophisticated web-based complaint management platform, empowering citizens to report critical urban issues such as potholes, broken streetlights, or inefficient waste collection directly to city authorities.
Empowering Key Stakeholders
Citizens initiate reports, Moderators meticulously verify and approve submissions, Officers are equipped to efficiently resolve issues, and Admins provide strategic oversight through advanced analytics and system management. This collaborative ecosystem ensures accountability and rapid response.
Driving Urban Transformation
The E-City Portal significantly boosts civic engagement, ensures unparalleled transparency in municipal operations, and profoundly streamlines the tracking and resolution of city-wide issues. This transforms reactive problem-solving into proactive, data-driven governance.
Our Vision: A Smarter Karachi
By connecting over 1 million citizens with city authorities, the E-City Portal is not merely a platform; it is a fundamental pillar of smart city transformation, designed to enhance urban liveability, operational efficiency, and overall citizen satisfaction.
BACKGROUND
- Modern cities face daily civic issues such as potholes, broken streetlights, garbage collection, and water leaks.
- Citizens often struggle to report these issues effectively or track their resolution.
- Manual complaint handling systems cause delays, lack of transparency, and accountability gaps.
- The E-City Portal aims to solve this by providing a centralized digital platform where citizens, moderators, officers, and admins can collaboratively manage city issues.
- It promotes smart governance, citizen engagement, and real-time issue tracking — making cities more responsive and sustainable.
GOALS
- Digital Issue Reporting: Enable citizens to easily report issues within their locality through a user-friendly interface.
- Efficient Issue Management: Allow officers and admins to track, categorize, and resolve reported problems systematically.
- Transparency & Accountability: Keep citizens informed about the progress and resolution of their complaints.
- Role-Based Access Control: Provide different dashboards and permissions for citizens, moderators, officers, and admins.
- Community Engagement: Encourage feedback and suggestions from citizens to improve municipal services.
- Automation of Moderation: Allow moderators to review and filter issues or suggestions before forwarding them to the concerned departments
SYSTEM ROLES
Citizen
Report issues and track complaints
Moderator
Content moderation and review
Department Officer
Management of respective departments
Admin
Municipal services oversight
HIERARCHY
This is the assumed hierarchy for our e-City project.
eCity Organizational Hierarchy
- Admin Board (Top Authority)
- Oversees entire system
- Final approval on moderation
- Assigns issues to departments
- Citizens
- Submit complaints
- View feed & interact
- Moderators
- Scan/filter public content
- Forward approval to Admin
- Departments
- Department Manager
- Receives category-specific issues
- Assigns tasks to employees
- Update issue status
- Department Employees
- Perform field operations
HIERARCHY
CLASS DIAGRAM
CLASS DIAGRAM
CLASS DIAGRAM
CLASS DIAGRAM
USE - CASE DIAGRAM
USE CASE DIAGRAM
USE CASE DIAGRAM
USE CASE DIAGRAM
USE CASE DIAGRAM
USE CASE DIAGRAM
SEQUENCE DIAGRAM
Here, Page means signup/sign in page
Sequence Diagram
Sequence Diagram
Sequence Diagram
Sequence Diagram
with Timeout Function
Sequence Diagram
Sequence Diagram
Sequence Diagram
Exception handling in CNIC
Sequence Diagram
Sequence Diagram
Sequence Diagram
Sequence Diagram
Sequence Diagram
ACTIVITY DIAGRAM
ACTIVITY DIAGRAM
ACTIVITY DIAGRAM
ACTIVITY DIAGRAM
ACTIVITY DIAGRAM
FLOW OF THE APPLICATION
The flow ensures secure data handling and immediate feedback to the citizen.
FLOW
SYSTEM ARCHITECTURE
LOOK AT SYSTEM ARCHITECTURE
Our Innovative Tech Stack
Powering the Fix Karachi e-City portal with robust, scalable, and modern technologies to ensure efficiency and reliability.
Frontend
React.js (Web), React Native (Mobile), Tailwind CSS, Redux Toolkit
Backend
Node.js + Express.js (REST APIs)
Database
MongoDB Atlas (Cloud NoSQL), Alternative: PostgreSQL
Deployment
Vercel (Web), Render/Railway (Backend), Expo & Play Store (Mobile)
Automation (CI/CD)
GitHub Actions
Additional Services
JWT/Firebase Auth, Google Maps API, Cloudinary Storage
EXPECTED REST API ENDPOINTS
1. Authentication & User Verification
EXPECTED REST API ENDPOINTS
User Management
Complaint Management
EXPECTED REST API ENDPOINTS
ML Tagging & Priority Assignment
Community Feed / Public Posts
Media Upload (CDN)
EXPECTED REST API ENDPOINTS
Moderation Service
Admin & Assignment Service
UI SCREENS FOR USER/CITIZEN
User features: Lodge a complaint, Track issues, Community Feed and Submit suggestion.
UI SCREEN AS USER/CITIZEN
UI SCREEN AS USER/CITIZEN
UI SCREEN AS USER/CITIZEN
UI SCREEN AS USER/CITIZEN
UI SCREEN AS ADMIN
UI SCREEN AS ADMIN
UI SCREEN AS MODERATOR
UI SCREEN AS MODERATOR
Requirements Traceability Matrix
Requirements Traceability Matrix
SDLC Model Used: Hybrid Approach
Waterfall + Agile Methodology
Waterfall: Structured Planning
Leveraged for its robust planning capabilities:
- Clear requirements definition
- Comprehensive system design
- Well-defined roles and permissions
Agile: Flexible Development
Adopted for its adaptability in execution:
- Sprint-based work cycles
- Quick updates and iterations
- Continuous improvements and feedback
Why This Hybrid Approach is Perfect for E-City
This hybrid methodology was chosen because it perfectly balances the dual needs of our government project: the inherent requirement for structure and clear oversight provided by Waterfall, combined with the flexibility and responsiveness of Agile to develop citizen-focused features that can adapt to evolving user needs and feedback.
Why Hybrid SDLC is Perfect for E-City Karachi
E-City Karachi, a critical government initiative, demands an agile yet structured approach to development. Our chosen hybrid SDLC model—integrating Waterfall's robust planning with Agile's flexible execution—is strategically designed to meet these unique demands, ensuring both stability and rapid innovation for a truly citizen-centric digital platform.
City Workflow Planning
The structured elements of our approach ensure meticulous upfront planning, aligning technology solutions perfectly with Karachi's complex urban processes and governmental requirements.
User Feedback Integration
Leveraging Agile's iterative cycles, we rapidly incorporate citizen feedback, ensuring that services are continuously refined to meet evolving user needs and enhance citizen satisfaction.
Service Scalability
The hybrid model facilitates easy addition of new digital services and efficient resolution of issues, enabling E-City Karachi to grow and adapt alongside the city's dynamic needs.
Balance of Stability and Flexibility
This approach perfectly marries the foundational stability needed for critical public services with the flexibility to quickly adapt to new challenges and opportunities.
By strategically combining the strengths of Waterfall and Agile, we are building E-City Karachi on a foundation that is both resilient and responsive, guaranteeing a successful and impactful digital transformation for its citizens.
Hybrid Approach Advantages
Next Steps: Impact, Scalability, and Future Enhancements
The "Fix Karachi eCity" project aims to create a lasting positive impact on urban living, with plans for continuous improvement and expansion.
Scalability
Designed for growth, accommodating increasing user bases and data volumes.
Broader Impact
Potential to extend to other cities, addressing similar urban challenges.
Speech to Text Integration
Users can enter issue details or description using Speech to Text feature.
Multilingual Support
The platform should support multilangages( e.g: Urdu, English, Sindhi etc).
We believe this project will foster a more engaged citizenry and a more efficient urban administration.
Project Impact & Conclusion
The "Fix Karachi eCity" project has successfully laid the groundwork for a transformative urban experience, demonstrating significant achievements in civic engagement and administrative efficiency.
Bridging Citizens & Authorities
The E-City Portal creates a direct and transparent communication channel between citizens and city authorities.
Enhanced Efficiency & Resolution
Ensures efficient complaint handling, fosters transparency, and leads to faster resolution of urban issues.
Promoting Smart Governance
Integrates all key stakeholders—citizens, moderators, officers, and admins—on a unified platform to drive active public participation.
Towards a Smarter, Connected City
This initiative propels the city towards becoming a more intelligent, sustainable, and interconnected urban community.
By empowering citizens and streamlining city operations, this project represents a significant step forward in smart city development, promising a brighter future for urban living.
Thank You
For Your Invaluable Guidance
We extend our sincere gratitude for your exceptional guidance and unwavering support throughout the development of this SDA project. Your insights and encouragement were instrumental to our success.
Our Dedicated Team
Kinza Afzal (23K-0842)
Sanjna (23K-2022)
Laiba (23K-0652)
Hasan (22K-4505)
Sanjna (23K-2022)
Laiba (23K-0652)
Hasan (22K-4505)
Applying Learned Knowledge
We are committed to applying the knowledge and skills gained from this project in our future endeavors, contributing positively to our academic and professional growth.