Design Engineer · Framer Expert · Shopify · React
Design Engineer · Framer Expert · Shopify · React
Senior Product Engineer | Prototype → Production
Senior Product Engineer | Prototype → Production
XtraClasses - Online Tutoring Platform
XtraClasses is a Ghana-focused online tutoring platform that connects students and parents with verified tutors for 1-on-1 and group learning. I worked across the platform experience, building the systems that support tutor discovery, booking, live and recorded lessons, student management, and secure payments.
My work included:
Tutor discovery and filtering by subject, grade, rating, and price
Tutor profiles and booking workflows
Live virtual classroom experience with session recording
Student/parent dashboards and lesson management
Wallet and MoMo payment flows
Responsive web and mobile experiences
Backend APIs and data management
Tech: Next.js · React · Django · PostgreSQL · Redis · WebRTC · Tailwind CSS
Outcome: A complete tutoring marketplace and learning platform designed around safety, convenience, and a smooth experience for both families and tutors.
0
57
GlowCollectively.com is a skincare discovery platform designed to make it easier for people to discover, explore, and compare skincare products and brands. I built the platform with a focus on clean product discovery, structured content, and a polished, responsive user experience.
My work included:
Full-stack web development
Product and brand discovery experiences
Structured skincare/product data management
Responsive UI and frontend architecture
Integration of Next.js, Supabase, and Strapi
Building the platform to support scalable content and product growth
Tech: Next.js · React · Supabase · Strapi · TypeScript
0
114
Senior Full-Stack Developer
Senior Full-Stack Developer
Recently, I shipped the core Links View for Peckr.me.
The goal was to replicate the utility of Dub.co’s interface while ensuring the code remains performant and maintainable.
List Items: I implemented a custom row component that renders the target URL, the short link, and associated metadata (timestamps and click stats) in a scan-able format.
Filtering & Search: The top bar includes the UI structure for filtering and display customisation, essential for power users managing hundreds of links.
Tagging System: Visual indicators for categorised links (e.g., the red tag pill) to allow for quick visual parsing.
It’s a clean, production-grade interface ready to be hooked up to the database.
Repo: https://github.com/gyenabubakar/peckr.me
0
66
Continuing the development of Peckr.me (http://Peckr.me) (my open-source link attribution platform).
I’ve been refining the authentication interface, specifically the Password Reset flow. Good frontend engineering isn't just about making things look good; it's about communicating state clearly to the user.
As shown in the shots, I’ve implemented the complete visual cycle:
Input State: Clean, distraction-free entry.
Error State: distinct visual cues for validation failures (length requirements, mismatching fields).
Success State: Immediate, positive feedback via toast notifications.
The focus here is on a precise implementation of the design system using React and Tailwind CSS to ensure the application feels responsive and trustworthy before any backend logic is even touched.
1
0
145
🚨 I have been working on Peckr.me, a link attribution platform, basically a clone of dub.co for the sole purpose of understanding what it takes to build a platform like it.
These screenshots are just how the app looks so far, no backend whatsoever. I plan on posting more updates as I make changes.
Tech stack:
⚛️ React
🗃️ TanStack Start
🔐 Better Auth
💿 Drizzle ORM
🚀 Cloudflare (Workers + AI, D1, ...)
🎨 shadcn-ui, Tailwind CSS
I have implemented more than these UIs and I plan to share more over the next few days.
Super pumped about the outcome so far and excited to see how it goes! 😁🔥
1
0
116
A critical component of any B2B platform is the onboarding experience. For Peckr.me, I’ve implemented a streamlined, multi-step wizard that handles the complexity of setting up a new tenant (Workspace).
As seen in the shots, this flow covers the essential pillars of a modern SaaS application:
Multi-tenancy Setup: Creating a dedicated workspace with custom branding and slug validation.
Monetisation: A clean pricing selection UI clearly distinguishing between Free and Pro tiers (handling monthly/annual logic).
Infrastructure Configuration: allowing users to provision custom subdomains immediately.
Role-Based Access Control: A team invitation system that supports granular permissions (Admin vs. Member) right from the start.
The goal was to reduce friction while capturing all necessary data to provision a fully functional workspace.
0
44
React & Next.js Developer | Web Apps & Landing Pages
View more →
Creative Dev Building Product Configurators & Interactive 3D
Branding | Web Design | Web Developer
Snip, Subscription Killer Landing Page
Designed and built Snip, a cinematic landing page concept for a subscription-cancelling product, with scroll-driven storytelling, 3D visuals and an interactive demo.
Problem: people lose money every month to subscriptions they forgot, and cancelling is made hard on purpose.
What I did: defined the concept (“Cut the cords”), the page structure, the visual system and the motion plan, then built the front end with Emergent.
Highlights: scroll-driven storytelling (pain, the cut, relief), 3D and animated visuals, an interactive demo, a pricing section and a waitlist form.
Status: front-end concept, in active development.
1
219
Elisus-Beatty, a trust and legal services firm in Accra, had a plain wordmark and no logo icon.
I rebuilt their identity from scratch: a new mark, “The Pillar”, joining an E and a B around one gold stem, with a Zeus dark and yellow palette, refined typography, stationery and a premium website design.
1
87
Full Stack Web Developer building websites and web apps
Full Stack Web Developer building websites and web apps
View more →
UI/UX Engineer| Frontend Developer | React, Next.js & Figma
New to Contra
UI/UX Engineer| Frontend Developer | React, Next.js & Figma
A full internship/industrial attachment management platform for Ho Technical University, built with three distinct role-based portals: Admin, Company, and Supervisor. Features include AI-powered student-company matching, digital logbook review workflows, automated attachment letter generation with live template editing, application tracking, and platform-wide analytics. Designed the complete UX in Figma, then built it in React/Next.js with a focus on clear information architecture across complex, permission-based user flows. Currently in active development.
0
33
A SaaS analytics tool that lets users upload a dataset (CSV, Excel, JSON, Parquet) and instantly get AI-generated cleaning suggestions, insights, and charts. Includes live data connectors (Google Sheets, Postgres), a developer API with a testing playground, and a full admin console for managing users, credits, and subscription plans. Designed the complete UX in Figma and built the frontend and backend logic, focused on turning raw data into clear, actionable next steps for non-technical users.
0
38
SalusMate is a healthcare platform connecting patients, doctors, and hospitals through integrated mobile and web applications. I designed and developed the product experience across patient, doctor, and hospital workflows using React Native, Expo, Next.js, Supabase, Google Places API, and Firebase. Features include appointment management, hospital administration, GPS-based emergency services, doctor discovery, secure patient-doctor chat and video consultations, AI-assisted health interactions, and medication adherence tracking.
0
94
View more →