Overview
Konashop is an e-commerce store designed to provide a seamless shopping experience. It integrates both local (Lipa na M-Pesa) and international (Paystack) payment gateways, enabling smooth checkout and real-time order management.
ROLE
Frontend Engineer
TIMELINE
Ongoing (2026)
Problem
Many e-commerce platforms struggle with integrating multiple payment gateways, especially local options like M-Pesa. The challenge was to create a reliable checkout flow that handles different payment methods while maintaining security and responsiveness.
Focused on building a modular, component-driven frontend using Next.js and Tailwind. Integrated Supabase for authentication and real-time data. Implemented payment APIs (M-Pesa and Paystack) with proper validation and user feedback.
Structured the project into reusable React components for product listings, cart, and checkout flows. Payment integrations are modularized to allow easy addition of other gateways in the future.
Solution
Developed a full-featured e-commerce frontend where users can browse products, add items to the cart, and complete purchases using multiple payment gateways with clear user feedback.
Optimized page load and interactions using Next.js 16 features like server components and static rendering. Ensured smooth checkout and minimal latency during API calls to payment providers.
Built a functional e-commerce platform capable of handling real-world payments, while improving frontend architecture and payment integration skills.