Projects & Work

Hendrik Grobbelaar

Portfolio Showcase

Featured Projects

A complete collection of web applications, data tools, and full-stack software built by Hendrik Grobbelaar.

Expense Tracker Screenshot

Expense Tracker

Full-Stack Django & PostgreSQL

Problem: Individuals struggle to maintain visibility over daily personal finances and categorised spending habits over time.

Solution: Built a full-stack Django financial tool featuring secure user authentication, CRUD operations for expense logs, dynamic Chart.js analytics, and mobile responsive dashboard.

Python Django PostgreSQL TailwindCSS Chart.js

Marksure

Academic CAPS Grading Cloud System

Problem: South African teachers spend 10+ hours per term manually calculating grades using error-prone spreadsheets that don't enforce CAPS compliance.

Solution: Engineered a cloud web app in React + PHP/MySQL that automates CAPS grade weighting, achievement levels, and secure role-based record storage.

React PHP MySQL CAPS Compliance

SA School Inequality Dashboard

Data Science Analytics Platform

Problem: Educational dataset records from South African government bodies are complex and difficult for educators/policymakers to analyze.

Solution: Built an analytics dashboard in Python using Pandas & Streamlit with interactive geographic maps and real-time filtering tools.

Python Pandas Streamlit GIS Mapping
Atmosly Weather App

Atmosly - Weather App

Real-Time Weather & Geolocation SPA

Features: Real-time forecasts via Open-Meteo REST API, dynamic background photography via Unsplash API, city autocomplete search, and 7-day temperature tracking.

React Vite RESTful APIs JavaScript
E-Commerce Store

E-Commerce Store

Full-Stack React & Stripe Application

Features: React storefront with category filtering, persistent shopping cart, Framer Motion animations, and Stripe payment processing backed by PHP & MySQL.

React Vite PHP MySQL Stripe

Personal Developer Portfolio

Pure Static Web Architecture

Features: Built with semantic HTML5, modern CSS3 variables, and vanilla JavaScript. Includes dark mode toggle, scroll reveal animations, and GitHub Pages compatibility.

HTML5 CSS3 JavaScript GitHub Pages

To-Do Task Manager

Vanilla JavaScript Productivity Tool

Features: Lightweight task organizer with add, edit, delete, complete states, persistent browser LocalStorage, and clean mobile responsive interface.

HTML5 CSS3 JavaScript LocalStorage