KGL — Karibu Groceries

Overview

Karibu Groceries Limited is a wholesale cereal distributor with two branches whose records were kept in black books. This is a static front-end prototype of its management system, hosted on GitHub Pages. A separate Django version (KGLdjango) has the back end, with owner, manager and sales-agent roles.

The problem

A wholesaler has to know what's in stock, where it came from and what's been sold. The prototype lays out the screens the business needs before connecting them to a database.

My contribution

• Sole developer: page structure, a shared CSS design system, JavaScript behaviour and responsive layouts.

Key features

• Dashboard with user, product and company totals, a sales chart and a latest-sales table
• Product catalogue with prices per unit
• Users and their roles; the table becomes cards on phones
• About page covering the produce, suppliers and branches
• Sign-in form with in-browser validation (static site, so it isn't connected to a server)

Implementation highlights

• One shared stylesheet for every page; no build step, so GitHub Pages serves the files as-is
• Accessible navigation with a skip link and a keyboard-friendly mobile menu
• Chart.js pinned to a fixed version, and the rest of the dashboard still works if the chart can't load