Design Engineer · Framer Expert · Shopify · React
Design Engineer · Framer Expert · Shopify · React
Branding | Web Design | Web Developer
Faderex Trading: a landing page for Ghanaian forex beginners
I designed and built the home page for Faderex Trading, a forex education program whose mission is to make beginners students of the market and guide them toward becoming prop firm traders.
What I did: defined the vision and mission, organized a 10-module curriculum into two stages, and designed a bold, dark, mobile-first page with a clear pathway, an animated chart hero, a curriculum section, prop firm rules explained, an educational risk calculator, a FAQ and Telegram sign-up.
Built with React and Tailwind.
Education only, with clear risk warnings and no profit claims.
Live site: https://faderex-learn.preview.emergentagent.com/
1
275
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
This project is a fully interactive SaaS dashboard built to transform raw data into actionable insights. I focused on creating a clean, intuitive, and user-friendly experience that allows users to easily monitor key metrics and manage tasks.
From the dynamic charts to the responsive data tables, every element was designed to be both beautiful and functional. This dashboard is a testament to my commitment to building applications that are not just powerful, but also a pleasure to use.🙌
0
245
A sophisticated and immersive website designed for "L'Art Culinaire," a fine-dining restaurant. The goal was to capture the essence of haute cuisine and create a digital experience that feels as luxurious as dining in the restaurant itself.
I focused on a dark, elegant theme, beautiful high-resolution imagery, and refined typography to build a strong sense of atmosphere. Key features include an interactive menu, prominent call-to-action buttons for reservations, and a fully responsive design that provides an exceptional experience on any device.
This project showcases my ability to blend brand identity with user-centric design to create a memorable online presence.
1
232
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
Creative Dev Building Product Configurators & Interactive 3D
UI/UX Engineer| Frontend Developer | React, Next.js & Figma
New to Contra
UI/UX Engineer| Frontend Developer | React, Next.js & Figma
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
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
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 →
I take AI prototypes to production. ClearWIP founder.
I take AI prototypes to production. ClearWIP founder.
LLM Pre-Flight turns the last mile of an AI launch into a visible, shared readiness process. It helps teams document evidence and decisions around prompt injection, PII leakage, prompt extraction, access controls, observability and runaway cost.
I designed and shipped the complete application on Replit, including Replit Auth, persistent production data, an authenticated project workspace, readiness scoring, evidence notes and an Autoscale production deployment.
This is a functioning full-stack product rather than a static portfolio mockup. It demonstrates how I take an AI product from concept to a deployed system with authentication, persistence, production infrastructure and a clear operational workflow.
0
126
What a 48-hour Controls Review looks like when it lands: findings with severity, evidence, fix path, owner and effort across IAM, logging, CI/CD, vulnerability, backup and AI workload controls. Demo data for a fictional company; the format and depth are the real deliverable.
0
116
34 free, MIT-licensed templates for SOC 2 and customer security review evidence: access controls (MFA, IAM, offboarding), logging and retention, CI/CD, vulnerability management. Covers AWS, GCP, Azure and GitHub. Turns 'trust me' into artifacts an auditor or enterprise buyer can verify.
0
132
A production-ready RAG starter where guardrails are part of the architecture: an input guard that blocks prompt injection and jailbreaks, an output guard that redacts PII (emails, SSNs, cards, API keys), and rate limiting. Qdrant semantic search, FastAPI, Next.js, PostgreSQL, plus a Terraform deploy repo.
0
163
Web Developer with Wordpress building responsive websites
Web Developer with Wordpress building responsive websites
Custom Internal Business Management Tool for Freelance Agency Operations
Category: Web Development · Productivity Tool
Tags: HTML · CSS · JavaScript · localStorage · Business Tool · Automation
Budget/Rate: $180
Project Description:
As a freelance developer managing multiple clients, services, and content across different platforms, I needed a single internal tool to run my entire business — something purpose-built for how I actually work, not a generic SaaS subscription.
The Problem:
Juggling client projects, content calendars, pricing guides, and service documentation across multiple tools was creating inefficiency and making it hard to stay on top of deliverables.
What I Built:
I designed and built Agency OS — a fully custom single-file HTML business management tool built with vanilla HTML, CSS, and JavaScript. No frameworks, no backend, no monthly cost.
Features include:
Client Projects Manager — track active clients, project status, and deliverables in one view
47-item search index — instantly surface any information across the entire tool
Full navigation system — multi-section tabbed layout covering every area of the business
localStorage persistence — all data saves locally in the browser with export and import functionality so nothing is lost between sessions
Pricing guide — multi-tab pricing structure covering web design packages across nine industry verticals, ready to share with clients
Content calendar integration — 97-post content plan spanning TikTok, LinkedIn, Instagram, Facebook, and X built directly into the tool
Tools Used:
HTML · CSS · JavaScript · localStorage API · JSON Export/Import
Result:
A fully operational internal business tool that replaced multiple subscriptions, runs entirely in the browser, and gives complete visibility over every client, project, and content deliverable — built in a single file with zero ongoing cost.
0
52
Are you spending too much time manually following up with leads and customers?
I will build professional GoHighLevel workflows and automations to help you capture leads, nurture prospects, onboard customers, and improve customer communication automatically.
Services include:
Lead Capture Automations
Follow-Up Sequences
Customer Onboarding Automations
Re-Engagement Campaigns
Review Request Automations
CRM Workflow Setup
Email Marketing Automations
Workflow Optimization & Troubleshooting
Perfect for agencies, coaches, consultants, local businesses, service providers, and real estate professionals.
Benefits:
Save Time
Improve Lead Response Times
Increase Customer Engagement
Reduce Manual Work
Automate Repetitive Tasks
Scale Your Business Efficiently
Whether you need a simple workflow or a complete automation system, I can help create reliable GoHighLevel automations tailored to your business needs.
Please contact me before ordering so I can review your requirements and recommend the best solution.
0
47
Multi-Brand WordPress Website for Skincare, Beauty & Kiddies Care Business
Category: Web Development
Tags: WordPress · Elementor · WooCommerce · WhatsApp Integration · Google Maps
Budget/Rate: $320
Project Description:
Nart1 is an Accra-based business operating three distinct brands under one roof — a skincare line, a beauty supply store, and a kiddies care shop. They needed a single website that represented all three brands professionally without confusing customers.
The Problem:
The client had three separate product lines with different target audiences, different product catalogues, and different contact needs — but no website to represent any of them.
What I Built:
I designed and developed a primary WordPress website with three embedded mini-sites — one for each brand — each with its own visual identity, product or service listings, dedicated contact page, and Google Maps integration showing the store location.
I integrated a WhatsApp bot on each mini-site so customers could initiate a conversation directly from the page they were browsing — connecting them instantly to the right department without any phone system needed.
Tools Used:
WordPress · Elementor Pro · Google Maps Integration · WhatsApp Bot · Contact Form Configuration
Result:
Three fully functional brand presences delivered within a single website — each with dedicated navigation, contact, and location information — giving Nart1 a professional online presence across all three product lines simultaneously.
0
52
Full WooCommerce Store Audit & Rebuild for Electronics Retailer
Category: Web Development · E-Commerce
Tags: WordPress · WooCommerce · Rank Math SEO · Google Search Console · Speed Optimisation
Budget/Rate: $280
Project Description:
AchiTechBuy is an electronics e-commerce store that had gone live with a poorly built WordPress site — placeholder content on product pages, 33 conflicting plugins slowing the site to a crawl, and zero SEO in place.
The Problem:
The store was live but essentially invisible and unreliable. Plugin conflicts were causing checkout errors, pages were loading slowly, and the site had no chance of ranking on Google because SEO had never been configured.
What I Built:
I conducted a full technical audit of the site and rebuilt it from the ground up within the existing WordPress environment. Key work included:
Identified and removed redundant and conflicting plugins, reducing the total from 33 down to 20 — eliminating checkout errors and significantly improving load speed
Replaced placeholder content across all live product and category pages with accurate, well-structured copy
Installed and configured Rank Math SEO site-wide — meta titles, descriptions, schema markup, and XML sitemap
Submitted the sitemap to Google Search Console and resolved all crawl errors flagged in the initial index report
Set up abandoned cart recovery to recapture lost sales automatically
Tools Used:
WordPress · WooCommerce · Rank Math SEO · Google Search Console · Plugin Audit · Speed Optimisation
Result:
Plugin count reduced from 33 to 20, checkout errors eliminated, full Rank Math SEO implemented site-wide, and abandoned cart recovery activated — giving the store a clean technical foundation and a real chance of ranking organically.
0
54
Driven React Native & Fullstack Developer
Driven React Native & Fullstack Developer
View more →