Praise Afolabi

Frontend Engineer & QA

I build accessible, pixel-perfect experiences for the web and I test them properly.

    About

    I'm a frontend engineer with an expertise in building accessible, pixel-perfect user interfaces. I take pride in crafting thoughtful, inclusive products and have a sharp eye for the little details that elevate user experience. I do my best work at the intersection of design and engineering, where great UX meets clean, scalable code.

    Currently, I'm on the Engineering team at Cleaques, where I'm building the frontend for a diaspora-focused travel platform. I drive engineering efforts across components, tooling, and patterns, partnering closely with designers and engineers to ensure accessibility is built into the foundation of our products.

    Previously, I've worked across a wide range of environments, from large fintech organizations to startups and non-profit platforms — including building the IAIIEA platform, a full-featured Next.js 14 web application for an international integrity and evaluation agency, complete with an admin dashboard, members-only portal, payment processing, and event scheduling.

    I was also a two-time finalist at HNG Internship, one of Africa's most competitive virtual tech programs, which pushed me to build fast, think clearly under pressure, and collaborate across distributed teams. I also take testing seriously as part of my engineering practice, I've built multi-layer test suites using Vitest, Playwright, and React Testing Library, covering unit, integration, and end-to-end layers, including offline PWA behavior.

    In my spare time, you can usually find me drawing, flipping through a self-development book, running a career mode on FIFA, or watching Barcelona, because some of us just never gave up on them.

    Experience

    1. Oct 2025 – Present

      Frontend Engineer · Cleaques

      At Cleaques, I work on the frontend of a diaspora-focused travel platform covering flights, stays, and rides. My work spans building a multi-service vendor dashboard for real-time listing management, integrating a digital wallet and payment flow for seamless in-app transactions, and crafting fluid UI animations and complex booking states using Framer Motion and Zustand.

      • Next.js
      • TypeScript
      • Tailwind CSS
      • Framer Motion
      • Zustand
      • Jira
      • Figma
    2. Jun 2025 – Nov 2025

      Frontend Engineer (IT) · VeendHQ

      At this Techstars-backed startup, I built fintech products centered around payroll loans and BNPL services for civil servants. This included developing and maintaining cross-platform UI components across Next.js and React Native, building accessible and responsive interfaces with Chakra UI, and owning critical financial flows such as loan applications and repayment dashboards — all under strict fintech design and compliance standards.

      • Next.js
      • React Native
      • Chakra UI
      • Redux
      • Bitbucket
    3. Jun 2022 – Feb 2025

      Frontend Engineer · IAIIEA

      At IAIIEA, an NGO focused on integrity and evaluation, I lead the frontend development of a comprehensive web platform built with Next.js, TypeScript, and Tailwind CSS. I collaborated closely on shaping the product's flow and architecture, and my work spans public-facing landing pages, an admin dashboard with data visualizations using Recharts, a members-only portal, authentication, event scheduling, and a Flutterwave-powered payment integration — with Zustand managing application state and Framer Motion handling transitions throughout.

      • Next.js
      • TypeScript
      • Tailwind CSS
      • Framer Motion
      • Zustand

    Projects

    • GbejaQR

      A comprehensive web application that solves the security risks associated with malicious QR codes by providing a real-time verification and protection platform. Features include AI-powered threat detection for phishing and malware, deep link analysis with redirect exposure, and a privacy-first scanning engine optimized for mobile performance.

      • Next.js
      • Framer Motion
      • Tailwind CSS
      GbejaQR
    • Habit Tracker PWA

      A spec-driven Progressive Web App built from a formal Technical Requirements Document. The primary focus was engineering discipline — strict data contracts, deterministic route behavior, and a full multi-layer test suite spanning unit, integration, and end-to-end layers. Features include local authentication, habit management with streak tracking, and offline support via a custom service worker.

      • Next.js
      • TypeScript
      • Tailwind CSS
      • Vitest
      • Playwright
      • React Testing Library
      • PWA
      Habit Tracker PWA
    • AI Page Summarizer

      A Chrome Extension (Manifest V3) that extracts content from any webpage and generates structured AI summaries using the Gemini API. Built with a security-first architecture — the API key lives exclusively in the background service worker, never exposed to content scripts or the popup. Features include bullet-point summaries, key insights, estimated reading time, and a 24-hour URL-based cache to prevent duplicate API calls.

      • Chrome Extension
      • Manifest V3
      • JavaScript
      • Gemini API
      • Service Worker
      • Chrome Storage API
      AI Page Summarizer
    • MutterBox — E2EE Messaging

      A secure end-to-end encrypted messaging application where the server never sees plaintext. Built with the Web Crypto API using hybrid encryption — AES-GCM for message encryption and RSA-OAEP for key exchange. Private keys are generated on the client, wrapped with PBKDF2-derived keys, and stored exclusively in IndexedDB. Features real-time messaging via WebSocket, automatic key restoration on new devices, and optimistic UI updates.

      • Next.js
      • TypeScript
      • Tailwind CSS
      • Web Crypto API
      • IndexedDB
      • WebSocket
      • RSA-OAEP
      • AES-GCM
      MutterBox — E2EE Messaging
    • Invoice app

      A comprehensive web application that solves the challenge of fragmented invoice management for freelancers and small businesses. Features include real-time total calculations, status-based filtering, local data persistence via localStorage, and a fully responsive design with native dark mode support.

      • Next.js
      • Framer Motion
      • Tailwind CSS
      Invoice app
    • Vendra (Coming soon)

      A comprehensive multi-vendor e-commerce platform that streamlines the connection between independent sellers and customers through a unified marketplace. Features include a dedicated vendor dashboard with real-time sales analytics using Recharts, advanced product filtering and search, secure multi-role authentication with Next-Auth, and a complete order management system integrated with Prisma and PostgreSQL.

      • Prism
      • PostgreSQL
      • Next.js
      • Tailwind CSS
      • Neon.js
      • Redux
      Vendra (Coming soon)

    04. What's Next?

    Get In Touch

    I'm currently looking for new opportunities, my inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!

    Say Hello