Projects using React in AccraProjects using React in Accra
Cover image for Faderex Trading: a landing page
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
Cover image for Recipe Finder 
A personal project
Recipe Finder A personal project built with React, JavaScript, and CSS. I built this app to help users search for recipes and view ingredients and cooking instructions. It retrieves recipe data from TheMealDB API and includes a responsive layout, loading indicators, and messages when no results are found. This project helped me practice API requests, React components, state management, and handling different search results.
0
4
Cover image for This project is a high-end
This project is a high-end Next.js 14 web application developed with a "Rich Taste" design philosophy. It utilizes Tailwind CSS and Framer Motion to deliver a premium, boutique healthcare experience. Key technical features include a custom bento-style navigation, a global concierge system via Root Layout, and a responsive clinical ecosystem built for high-conversion patient booking.
1
2
52
Cover image for A SaaS analytics tool that
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
Cover image for A website for  a decision-synthesis
A website for  a decision-synthesis advisory for climate, infrastructure, and sustainability leaders.
0
36
Cover image for Recently, I shipped the core Links View for Peckr.me. The go...
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
Cover image for LLM Pre-Flight turns the last
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
Cover image for Logistics Landing Page: Redesign

I reviewed
Logistics Landing Page: Redesign I reviewed a bunch of logistics landing pages which seemed to lack good UX and flow. So I created a redesign adding visitor conversion hooks, better layout flows, and prominent CTAs. I enjoyed the process quite a bit. 😉
0
58
Cover image for Custom Internal Business Management Tool
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