Proudcts We're Proud Of

A production-grade, end-to-end e-commerce platform engineered for high-growth retail businesses — combining a feature-rich web admin dashboard with a performant cross-platform mobile storefront that works seamlessly together in real time.

Overview

This project replaced a fragmented legacy system struggling with inventory accuracy, slow order fulfilment, and a poor mobile experience. The solution spans two surfaces — a Next.js web dashboard for operations and a Flutter mobile app for customers — unified through a shared Firebase backend and a clean REST API layer. The outcome was a 35% reduction in order processing time and a measurable uplift in revenue.

---

Core Features

• Inventory management — Bulk product uploads, variant support, low-stock alerts, and live count sync across all channels.

• Analytics dashboard — Revenue charts, conversion funnels, top-selling products, and exportable reports all in one view.

• Real-time order processing — Live order queue with status tracking, fulfilment workflows, and customer notification hooks.

• Cross-platform mobile storefront — Flutter app with smooth animations, cart persistence, guest checkout, and push notifications for iOS and Android.

• Role-based access control — Granular permissions for admins, managers, and staff with full audit trail logging.

• Offline support — The mobile app stays functional without connectivity, queuing actions and syncing automatically when back online.

---

Technical Architecture

• Next.js + Tailwind CSS powers the admin dashboard — server-rendered for fast initial load, fully responsive across desktop and tablet.

• Flutter with BLoC architecture separates business logic from UI into clean, testable layers — keeping the codebase maintainable as the product scales.

• Firebase handles real-time sync, authentication, and push notifications — delivering instant updates across all devices without polling.

• REST APIs define a clean contract between frontend surfaces and backend services, making integrations straightforward to extend or replace.

• Designed for horizontal scalability — stateless API handlers and Firebase's distributed infrastructure absorb traffic spikes during campaigns or seasonal peaks with no extra configuration.

---

Delivery Phases

A robust, offline-first attendance management platform built for one of the largest universities in Chitral — engineered specifically around the region's unique connectivity challenges to guarantee zero data loss and zero attendance fraud.

---

Overview

The University of Chitral operates in a region where internet connectivity is unreliable and intermittent. Existing manual attendance systems were prone to fraud, inconsistency, and administrative overhead. This application was purpose-built to eliminate those problems — giving faculty a fast, reliable tool that works entirely offline, syncs automatically when connectivity is restored, and enforces location-based rules to ensure attendance can only be recorded on campus.

---

Core Features

• Fully offline attendance marking — Faculty mark student attendance without any internet connection using a local SQFlite database. All records are stored securely on-device until sync is possible.

• Automatic background sync — The moment connectivity is restored, the app detects it and silently pushes all pending attendance records to the server — no manual action required from faculty.

• Geo-fencing enforcement — Strict location-based restrictions ensure attendance can only be marked within the physical boundaries of the university campus, making proxy attendance impossible.

• Push notifications — Faculty receive real-time alerts for sync completion, pending records, and daily attendance reminders — keeping compliance high without administrative chasing.

• Cross-platform mobile app — Built with Flutter, the app runs natively on both iOS and Android from a single codebase, ensuring consistent experience across all faculty devices.

• Zero data loss guarantee — The offline-first architecture means network outages never result in missing attendance records — every session is captured and eventually delivered to the server.

---

Technical Architecture

• Flutter delivers a smooth, native-quality UI on both iOS and Android — with a single codebase that drastically reduces maintenance overhead and ensures feature parity across platforms.

• GetX state management provides a lightweight, reactive architecture — keeping UI in sync with local database state and sync status in real time without unnecessary rebuilds.

• SQFlite local database stores all attendance records on-device with ACID-compliant transactions — ensuring data integrity even if the app is closed or the device is restarted mid-session.

• REST APIs handle server communication during sync — with conflict resolution logic that prevents duplicate records and ensures idempotent data submission across retries.

• Geo-fencing via device GPS is enforced at the application layer before any attendance action is permitted — coordinates are validated against the campus boundary polygon on every submission attempt.

---

Delivery Phases

A fully integrated digital marketplace embedded inside an existing mobile app — enabling users to discover, purchase, and instantly receive virtual goods through a seamless, secure, and engaging in-app shopping experience.

---

Overview

The client had an existing mobile app with an engaged user base but no monetisation layer. The goal was to build a digital storefront directly inside the app — selling high-demand virtual goods such as Free Fire Diamonds, PUBG UC, and premium software licenses — without disrupting the existing user experience. The solution integrates Stripe for secure payment processing, Firebase for real-time inventory and user data, and includes a live admin chat feature for support and order queries. The result was a 5x increase in in-app purchase revenue within the first quarter of launch.

---

Core Features

• Virtual goods storefront — A clean, browsable catalogue of digital products including gaming top-ups (Free Fire Diamonds, PUBG UC) and software licenses, with category filters and search.

• Secure in-app payments via Stripe — Full Stripe API integration handles card payments, payment intent confirmation, and webhook-based order fulfilment — all within the app with no redirects.

• Real-time inventory management — Firebase keeps product availability, pricing, and stock counts in sync across all sessions — ensuring users never purchase out-of-stock items.

• Personalised recommendations — Purchase history and browsing behaviour are used to surface relevant products, increasing average order value and repeat purchases.

• Promotional offers & discounts — Admins can create time-limited deals, bundle offers, and promo codes directly from the backend — driving urgency and boosting conversion rates.

• Live admin chat — Users can open a direct chat thread with the admin for order support, delivery queries, or product questions — reducing friction and building trust at the point of purchase.

• Order history & receipts — Every purchase is logged under the user's account with full transaction details, making it easy to track past orders and reorder frequently used items.

---

Technical Architecture

• Flutter powers the entire client-side experience — rendering the marketplace, checkout flow, and chat interface natively on both iOS and Android from a single codebase.

• Stripe API manages the full payment lifecycle — from payment intent creation and 3D Secure authentication to webhook-triggered delivery confirmation — with PCI-compliant card handling throughout.

• Firebase Firestore stores product catalogues, user profiles, order records, and chat messages — with real-time listeners ensuring the UI reflects the latest state instantly without manual refresh.

• Firebase Authentication handles user identity — supporting email/password and social login flows, with purchase records and chat history tied securely to each authenticated account.

• Firebase Cloud Functions run server-side logic for payment verification, inventory decrement on purchase, and automated delivery triggers — keeping sensitive operations off the client entirely.

---

Delivery Phases

A modern, conversion-focused service website built for Mercy Water Wells — designed to showcase their offerings, streamline service inquiries, and enable seamless order placement through a clean and intuitive digital experience.

Overview

Mercy Water Wells approached us to replace their limited online presence with a scalable platform that clearly communicates their services and builds trust with potential clients. We delivered a fully responsive Next.js-powered website with an integrated admin panel — allowing their team to easily manage services, update content, and showcase completed projects in real time.

---

Core Features

• Service showcase — Cleanly structured pages highlighting water well services with clear CTAs to drive inquiries and orders.

• Online order & inquiry system — Users can بسهولة submit requests and place service orders directly through the website.

• Admin dashboard — Custom-built panel to add, update, or remove services, manage content, and control the website without technical knowledge.

• Project portfolio — Dedicated section to display completed water well projects, building credibility and trust with potential customers.

• Fully responsive design — Optimized for mobile, tablet, and desktop to ensure accessibility across all devices.

---

Technical Architecture

• Next.js + React — Server-rendered pages for performance, SEO, and fast load times.

• Tailwind CSS — Utility-first styling for a clean, modern UI with consistent design across all sections.

• Supabase — Handles database, authentication, and real-time data updates for services and projects.

• REST APIs — Structured data flow between frontend and backend for scalability and maintainability.

• Secure admin routing via proxy ensures protected access to the dashboard while keeping the public site performant.

---

Impact

The new platform significantly improved how Mercy Water Wells presents its services online — leading to increased customer trust, faster inquiry handling, and a measurable boost in conversions and service requests.