Selected Works
An architectural breakdown of production-grade platforms, immersive interfaces, and scalable applications.
-
TrendzHauz Media: Digital Music, Pop Culture & News Platform
Entertainment & Digital Media Publishing Platform
Built and deployed a production-grade digital music publishing and entertainment web platform for TrendzHauz Media. Designed to deliver live music news, reviews, video rollouts, and weekly charts, the platform leverages custom serverless infrastructure for optimized content delivery and performance. The application features full domain routing on Namecheap (trendzhauzmedia.com) with Firebase Hosting, managed SSL certificate provisioning, custom DNS zone records, and direct transaction/notification flows via Resend SDK utilizing DKIM/SPF domain verification. The entire frontend and architecture are crafted from scratch to deliver an intuitive user experience for pop culture enthusiasts.
- React
- Firebase
- Shadcn UI
- Firebase Hosting
- Firebase Firestore
- Resend API
- TypesScript
- Namecheap BasicDNS
- Tailwind CSS
- Node.js
-
EazyPass: Smart Access Control & Estate Management Platform
PROPTECH & RESIDENTIAL ACCESS CONTROL SAAS
An intelligent PropTech security and community management platform engineered for Nigerian residential estates to streamline gate access and resident communications. Built with a performant React and serverless Firebase architecture, the system replaces slow, manual paper entry logs with predictive pass generation, one-time visitor invite codes, and real-time gate verification. Features a low-latency, encrypted messaging pipeline connecting residents directly to estate admin dashboards for seamless fault reporting and queue-free dispute resolution, all wrapped in a responsive, dark-mode-first UI with fluid micro-interactions.
- React
- Next.js
- Firebase
- Cloudflare
- PostgreSql
- Framer Motion
- TypeScript
- Tailwind CSS
-
KudiFlow: The Offline-First App for Smart Vendors
Fintech & Offline-First B2B SaaS
An offline-first business operating system engineered to digitize retail shops and market vendors. Built with a robust React and Firebase architecture, the platform transitions users from traditional paper ledgers to secure, cloud-backed inventory and debtor management. Features include a fully automated serverless email onboarding pipeline (Resend), custom-routed Firebase authentication flows, automated WhatsApp reminders, and build-time SEO prerendering for a dynamic in-house content management system.
- React
- Firebase (Firestore DB/Auth)
- Tailwind CSS
- TypeScript
- Framer Motion
- Zustand (State)
- Resend API
- React Helmet (SEO)
-
Oxygen Health Systems: Premium Landing Page
Health Tech & Lead Generation
A high-converting, custom-coded landing page engineered for a US-based health technology brand. Features a premium UI/UX architecture, seamless video integrations, and direct GoHighLevel (CRM) webhook connections to streamline lead generation and pricing requests.
- React
- Firebase (Hosting)
- Tailwind CSS
- GoHighLevel (Webhooks)
- Framer Motion
-
House of Anna: Digital Atelier & Luxury Fashion Portfolio
Bespoke Fashion, High-End Portfolio & Lead Generation
A luxury digital atelier engineered for an elite custom fashion designer and tailor. Designed to transition a traditional physical brand identity into a highly editorial, premium web experience. Built with a performant, non-Next.js serverless architecture, the platform features an automated image optimization pipeline using Firebase Extensions to serve high-fidelity, fluid layout assets instantly. It includes filterable masonry lookbook grids, asynchronous multi-step bespoke inquiry models, full Firebase administrative controls, and an automated lead routing system powered by the Resend API.
- React (Vite)
- Firebase (Firestore DB/Auth/Hosting)
- Tailwind CSS v4
- TypeScript
- Framer Motion
- Resend API
- Vercel (Deployment)
- puppeteer
-
Novluma AI: Content Orchestration SaaS
Generative AI Platform & B2B SaaS
A production-ready AI content workspace built with React and Google Gemini. Features a custom credit-based consumption model, real-time content generation streams, and a secure serverless architecture (Firebase) for managing user authentication and data persistence.
- React
- Firebase (Firestore DB/Auth)
- Tailwind CSS
- TypeScript
- Framer Motion
- Zustand (State)
- Google Gemini API (AI)
- Vercel (Deployment)
-
VeraVox AI: Automated Reputation Engine
Serverless Micro-SaaS & AI Automation
A production-grade reputation management platform engineered with a serverless architecture. Leverages Google Gemini AI to analyze customer sentiment and generate context-aware, persona-driven responses. Features an automated workflow engine that detects reputation risks and drafts strategic recovery responses in real-time, eliminating manual intervention for local business owners.
- React
- Firebase (Firestore DB/Auth)
- Tailwind CSS
- TypeScript
- Framer Motion
- Zustand (State)
- Google Gemini API (AI)
- Vercel (Deployment)
-
Raploard official Website
Artist Portfolio Website for bookings and contact
A high-performance artist portfolio designed to showcase music, tour dates, and facilitate bookings. Features a sleek, immersive media player and direct contact integration.
- React
- Firebase (Firestore DB/Auth)
- Tailwind CSS
- TypeScript
- Framer Motion
- Zustand (State)
- Vercel (Deployment)
-
Kelvin's Grid: Serverless Solar Utility Platform
Renewable Energy CRM & Customer Portal (SaaS)
A production-grade serverless application for a Nigerian energy infrastructure firm. Engineered a ‘God Mode’ admin dashboard for real-time asset tracking and client management using Firebase. Features a high-performance, physics-based UI (Framer Motion) optimized for mobile Safari with 0ms blocking navigation and render-slicing strategies.
- React
- Firebase (Firestore DB/Auth)
- Tailwind CSS
- TypeScript
- Framer Motion
- Zustand (State)
- Vercel (Deployment)
-
The CanMan: Operations & Recruitment Platform
Service Business Management System (SaaS)
A scalable web platform built for a premier DFW home service provider. Integrated a high-conversion public recruitment portal with a custom internal 'Mission Control' dashboard. Features automated applicant filtering, real-time booking logistics, and a responsive, brand-aligned UI designed to streamline the hiring and scheduling pipeline.
- React
- Firebase (Firestore/Functions)
- Tailwind CSS
- TypeScript
- React Hook Form
- Framer Motion
- Vercel
-
EventFlow: Event Booking & Management Platform
Advanced React Architecture & E-commerce Simulation
A complete event ticketing platform simulation engineered entirely on the frontend. Features a fully functional booking flow where users can browse events, simulate purchases via a mock Paystack integration, and manage their booked tickets in a personal dashboard. Utilizes advanced client-side state management to persist user data and transaction history without a backend connection.
- React
- Tailwind CSS
- TypeScript
- Vercel (Deployment)
- Context API (Global State Store)
- Zustand (State Management)
- Mock Paystack Implementation
- Framer Motion (for Smooth Animations)
-
HealthPoint: Hospital Management System
Advanced Healthcare UI & Workflow Simulation
A dual-portal frontend application simulating the complete patient-doctor lifecycle. I engineered distinct interfaces for Patients (finding specialists, checking availability, booking slots) and Doctors (admin dashboard for reviewing and accepting requests). The app utilizes complex client-side state management to mock real-time status updates, demonstrating the logic of a production-grade medical platform.
- React
- Tailwind CSS
- TypeScript
- Vercel (Deployment)
- Context API (Global State Store)
- React Router (for Role-Based Routing)
- Zustand (State Management)
- Framer Motion (for Smooth Animations)
-
FoodFlow: Restaurant Management and Delivery Logistics Platform
Advanced Frontend Simulation & Geospatial UI
A high-fidelity food delivery ecosystem engineered entirely on the frontend. I built a complete e-commerce lifecycle: browsing menus, cart management, and a real-time delivery simulation using Leaflet Maps. The application mocks backend latency and GPS coordinates to visualize a delivery rider's path, while simultaneously persisting order history and status updates in a user-specific dashboard.
- React
- Tailwind CSS
- TypeScript
- Vercel (Deployment)
- Context API (Global State Store)
- React Router (for Role-Based Routing)
- Zustand (State Management)
- Framer Motion (for Smooth Animations)
- Leaflet Maps (for Geospatial UI)