Spark & Drive

A website and online shop for an auto electrical repair shop in Kumasi.

Overview

Spark & Drive is an auto electrical repair shop in Kumasi. The client needed a proper website: somewhere customers could learn about his services, reach him easily, and also buy spare parts online. Plus a simple way for him to manage all of that himself without needing to touch any code.

I built a customer-facing site with a shop, cart, and secure online payments (card and mobile money), along with a private admin panel where he logs in to add products, track orders, and read messages from customers, all from his phone.

Key features

Online shop with product photos, pricing, and stock levels
Shopping cart and secure checkout, accepting cards and mobile money
A contact form that emails him the moment someone reaches out
A direct WhatsApp button so customers can message the shop instantly
A private admin panel to add and edit products, view orders, and read messages
Built to load reasonably well on slow mobile connections

Screenshots

Customer-facing

Spark & Drive homepage — Homepage introducing the shop and its services

Product catalog — Shop page where customers browse products

Product detail page — Product page with an add-to-cart button

Checkout page — Checkout with secure payment via Paystack

Admin

Admin orders — Viewing customer orders and their status

Admin messages — Reading messages customers send through the contact form

Tech stack

Next.jsExpressPostgreSQLPrismaPaystack APITailwind CSS