E-Commerce Website for Tech Accessories (South Africa)
Designed and developed a full-stack e-commerce website for a South African client selling premium tech accessories. The platform supports complete online shopping workflows with a modern, responsive UI and a secure admin dashboard for business operations.
Customer features include product browsing, search and filters, cart and checkout system with Cash on Delivery, shipping rules, order confirmation, and dark mode support.
Admin panel features include product, category, and order management, revenue statistics, stock tracking, and an AI-powered product description generator.
React + TypeScript, Tailwind CSS, Node.js, Express, SQLite, JWT Authentication
Team Sections: Professional Only or Professional + Personal?
A team section can build trust in different ways.
Version A - Professional. Focuses on the coaches’ professional experience - their expertise, years of practice, and approach to working with clients.
Version B - Professional + Personal. Keeps this information but adds a Weekend Mode with personal photos, interests, and small stories about life outside work.
For a coaching website, both sides matter: expertise shows competence, while personality helps visitors feel a human connection.
Which version would make you more likely to choose a coach?
I’ve been building HTML and React templates for a while. I have a roadmap of 10+ templates. I might release them in batches or all at once.
The templates will have AGENTS.md and DESIGN.md files for you agent.
Meriot personal portfolio Website Homepage showcase
A portfolio website designed to turn personal expertise into a strong digital presence.
The goal was to create a website that communicates experience, personality, expertise, and credibility within the first few seconds.
I focused on:
Clear positioning and personal branding
Strong visual hierarchy
Editorial-style typography
Project-focused storytelling
UX/Product Design service presentation
Testimonials and social proof
Clear CTA for potential clients
Responsive, conversion-focused layouts
The visual direction combines minimal typography, bold imagery, dark/light sections, and subtle interactions to give the portfolio a distinctive personality without making it difficult to navigate.