Clicon

Full-Stack E-Commerce Platform

TypeScriptNode.jsNestJSPostgreSQLChakraUITanStack RouterStripePaystackCrypto
Clicon

Project Overview

The Problem

Most e-commerce platforms available to small and mid-size businesses either lack flexibility for multi-payment support or provide poor developer control over the shopping experience. Managing inventory, orders, and customer data through separate tools adds operational overhead and degrades the customer experience.

The Solution

I built a complete e-commerce platform from the ground up — a NestJS backend with a React.js frontend — covering the full shopping lifecycle from product discovery to order fulfilment. The platform integrates multiple payment gateways, a review system tied to verified purchases, and a filter-heavy shop page with URL-synced state, making it easy for users to find products and for admins to manage operations from a dedicated dashboard.

Target Audience

Small to mid-size online retailers and their customers who need a reliable, feature-complete shopping experience with flexible payment options and transparent product reviews.

Project Screenshots

Clicon screenshot 1
Click to view
Clicon screenshot 2
Click to view
Clicon screenshot 3
Click to view
Clicon screenshot 4
Click to view
Clicon screenshot 5
Click to view
Clicon screenshot 6
Click to view

My Role

Fullstack Developer

  • Architected and built the NestJS REST API backend including authentication, order management, and product modules

  • Developed the React.js frontend with TanStack Router for URL-synced filter and search state on the shop page

  • Integrated Paystack, Stripe, and NowPayments for multi-gateway checkout

  • Built a browsing history engine that tracks and surfaces recently viewed products

  • Implemented a review and rating system gated to verified order completion

  • Created role-based dashboards for admin product/order management and user order history

Stack Used

Technologies

Frontend

React.jsTypeScriptChakraUITanStack Router

Backend

Node.jsNestJSPostgreSQLTypeORM

Tools

GitVercelPaystackStripeNowPayments

Why This Stack?

NestJS gave me a scalable, opinionated backend architecture well-suited to the modular nature of an e-commerce API. React.js and TanStack Router enabled robust URL synchronisation for complex shop filters without sacrificing the user experience. Supporting Paystack, Stripe, and NowPayments ensured the platform could serve both local Nigerian customers and international buyers, including crypto payment options.

Key Features

  • Multi-gateway checkout supporting Paystack, Stripe, and NowPayments (crypto)

  • Browsing history engine that surfaces recently viewed products

  • Product review and rating system restricted to verified purchasers

  • Filter-heavy shop page with URL-synced search, category, price, and sort parameters

  • Role-based dashboards — admin for product and order management, user for order tracking

  • Fully responsive design optimised for mobile and desktop

Interested in working together?

Let's discuss how we can bring your ideas to life.

Get in Touch