01 / Discover
Services organised around resident tasks
Global search, service categories, and direct pathways help people move from a practical need to structured guidance.
Tenth Tech / Research & Development
Rawal One
A Digital Front Door for Rawalpindi
Reimagining how residents connect with their city.
Rawal One is an independent civic technology demonstration developed by Tenth Tech. Built around Rawalpindi, Pakistan, it brings resident services, verified public information, transport guidance, and municipal communication workflows into a connected digital experience.
Project snapshot
- Project type
- Resident-facing civic technology platform
- Industry
- Civic Technology and Digital Government
- Location
- Rawalpindi, Pakistan
- Contribution
- Product research, UX/UI design, information architecture, full-stack development, CMS engineering, accessibility implementation, and civic information integration.
- Relationship
- Tenth Tech In-House R&D
- Attribution
- Tenth Tech
- Current state
- Internal R&D / Developed Demonstration Platform
Independent R&D disclosure
A developed demonstration, not an official municipal service.
Rawal One is an independent Tenth Tech research and development demonstration. It is not an official Rawalpindi government service, commissioned municipal platform, government partnership, or operational municipal transaction system.
All administrative workflows and municipal content are demonstration material. The public interface must not be used as an authority for emergencies, live service status, or official transactions.
Product surface
A real interface from the product system.
The supplied screen establishes the product context before the wider system is explained.
One connected civic experience
Resident experience, civic information, and publishing workflows.
Each part of the demonstration has a distinct role, from public discovery to controlled content administration.
02 / Understand
Guidance designed for action
Service pages combine status context, steps, FAQs, related services, and support information without pretending to complete official transactions.
03 / Navigate
Rawalpindi information with visible provenance
Census context, a 34-entry police directory across 11 circles, and the 24-station Metrobus sequence are presented with documented sources and limitations.
04 / Publish
Structured municipal communications CMS
Authenticated workflows support demonstration alerts, notices, PDF documents, city updates, and community events with publication states and protected write access.
05 / Include
Accessibility designed into the experience
Semantic structure, keyboard focus, responsive layouts, browser zoom support, reduced motion, and resident-controlled display preferences follow WCAG 2.2 AA-oriented principles without claiming certification.
Problem and research context
Civic information should begin with what residents need.
Public information can be arranged around departments and administrative structures even when residents arrive with a practical task: understand a service, find an emergency resource, check transport guidance, or locate a public notice.
Rawal One explores a resident-centred alternative for Rawalpindi. It is a product and engineering investigation, not the result of an official government research programme or commissioned municipal transformation.
Resident-first digital experience
A connected path from a question to useful guidance.
The product organises civic content around discoverable tasks and consistent pathways, with local context carried through the interface rather than added as decoration.
- Organise 16 service guides into a searchable, category-based directory.
- Connect service steps, FAQs, related services, and support pathways.
- Bring census context, public safety, hospitals, transport, and shared places into a structured Rawalpindi information hub.
- Use original diagrams and responsive layouts to make complex civic information easier to scan.
- Provide accessibility preferences for text size, contrast, link emphasis, and reduced motion.
System architecture
Public information and publishing connected in one product.
The demonstration separates resident discovery, structured civic content, authenticated publishing, and public presentation while keeping each layer understandable.
- 01Resident need
- 02Search and service discovery
- 03Structured civic information
- 04Authenticated publishing
- 05PostgreSQL and storage policies
- 06Accessible public experience
Implementation evidence
Confirmed technologies.
Technology marks appear only where the project stack has been confirmed.
React
Next.js
Supabase
PostgreSQL
- TypeScript
- Tailwind CSS
- Supabase Authentication
- Row-Level Security
- Supabase Storage
- SVG route visualisation
- Privacy-gated GA4 integration
Project gallery
Rawal One across the experience.
Real supplied screens are grouped by the part of the product or website they explain. Full-page captures keep their original proportions.
01 / Resident digital front door
Service discovery begins with resident intent.
The searchable directory organises 16 implemented service guides by task and category.
02 / Information that helps residents act
Detailed guidance and local public-safety context.
The guide and directory screens show how practical steps, FAQs, related pathways, filtering, and source limits are presented. All service status content shown is demonstration data.
03 / Rawalpindi in context
City information connected to place.
The city hub and original Metrobus schematic connect scoped public information with Rawalpindi-specific visual language. Interface photography credits: Aleem Yousaf, CC BY-SA 2.0; Naseerabbas, CC BY-SA 3.0; and King Eliot, CC BY-SA 4.0.
04 / Inclusive access
Preferences residents can control.
The responsive accessibility panel exposes text size, high contrast, link underlining, and reduced-motion preferences without claiming independent WCAG certification.
What Tenth Tech demonstrated
One civic experience. Multiple engineering disciplines.
Rawal One demonstrates how product research, civic UX, full-stack engineering, authenticated content administration, public information integration, accessibility-conscious implementation, and deployment preparation can operate as one maintainable application.
The valid outcome is the developed demonstration and the design and engineering evidence it contains. No adoption, service usage, operational government impact, or municipal partnership is claimed.
A privacy-gated Google Analytics 4 integration is implemented, but production activation remains conditional and is not presented as active analytics.
- Current state
- Internal R&D / Developed Demonstration Platform
- Published as
- Tenth Tech Product
Your next system
Discuss Your Challenge
Start with the business problem, the current workflow, or the product you are trying to bring into clearer shape.
Discuss Your Challenge