Educational Website for University Students

Developed a responsive platform providing university

students with curated academic writing and research materials.

Implemented advanced search and filtering features to improve resource accessibility.

Collaborated with educators and students to enhance

usability and support diverse learning needs.

FNB Chatbot Interface

A clean, responsive chatbot interface that mimics an FNB customer support experience.

Built with semantic HTML5, modern CSS (including animations and responsive design), and

vanilla JavaScript for interaction

Built an engaging and educational web platform that helps

school-age children learn how to manage pocket money.

Designed and coded an entirely responsive UI using pure HTML and CSS,

incorporating playful aesthetics to appeal to a junior audience

while maintaining usability across all devices.

Custom CSS Animations: Bouncing tab links, word-by-word entrance effects, light FX, and curved line transitions for interactive elements
Responsive Layouts: Used CSS Flexbox and Grid systems to ensure consistent layouts across mobile, tablet, and desktop
layout for desktop and mobile
Transparent UI Elements: Layered components over background images using rgba() for semi-transparent color overlays
Modern Visuals: Styled decision scenarios in animated floating boxes with hover effects, transitions, and keyframe movements
Interactive Buttons & Inputs:Custom hover states, shadows, transitions, and layout-responsive sizing for interactive planning tools
Weekly financial planner with real-time input/output
Pocket money calculator with dynamic results and tooltips