Ntokozo Martin Mngadi

The Zama Luthuli Attorneys website is a tailored web application designed to showcase the law firm's services, team, and events. Built with Node.js, Express, HTML, CSS, JavaScript, and EJS, it leverages JSON for data storage and multer for efficient file uploads. Key features include attorney profile management, event and newsletter pages, and a secure admin panel for handling notices, uploads, and content updates. The project focused on responsive design, resolving form action issues, and ensuring consistent styling across pages like events and team profiles, delivering a professional, user-friendly platform for Zama Luthuli Attorneys.

A fun and engaging web-based Memory Match game built with Node.js, Express, and EJS. Players flip cards to find matching pairs across multiple rounds, with increasing difficulty. The game features a clean, responsive UI with dynamic card rendering and interactive gameplay. Deployed on Vercel, it showcases my skills in full-stack development, front-end design, and server-side logic, delivering an entertaining user experience across desktop and mobile devices.

Designed and developed a responsive, serverless web application for generating QR codes from user-provided URLs or text, ensuring seamless functionality across devices. The site, built with Node.js, Express, EJS, and the qrcode library, features a clean input form, instant QR code display, and a minimalist design for intuitive navigation. Deployed using Netlify Functions for scalability, it includes optimized server-side logic for fast QR code generation and a responsive layout with consistent styling. The app ensures a smooth user experience with quick load times and reliable performance.

I developed an interactive Rock, Paper, Scissors game using HTML, CSS, and JavaScript, featuring a clean, responsive interface with a dark theme and vibrant buttons. The game allows players to compete against the computer, tracking scores until one reaches three points, with clear win/lose/tie feedback and a reset option. Styled with CSS custom properties and a mobile-friendly design, the project showcases my skills in front-end development, DOM manipulation, and event-driven programming, delivering an engaging user experience.

Designed and developed a responsive, modern website for Mabheleni Nzima Group, a leading provider of home and business automation and security solutions in Pietermaritzburg, South Africa. The site, built with HTML, CSS, and Bootstrap 5, features a sleek dark navy navigation bar, a dynamic image carousel showcasing key services, and a services section with consistent, visually appealing cards for DSTV installation, Wi-Fi solutions, gate motors, garage doors, electric fences, alarms, and CCTV cameras. The contact section includes an embedded Google Map and clickable phone/WhatsApp links for seamless user interaction. Optimized for all devices, the site ensures a professional user experience with fast load times and intuitive navigation.

This is a simple, interactive web-based dice game built using HTML, JavaScript, and CSS. The game allows two players to roll virtual dice by clicking a button, generating random numbers between 1 and 6 for each player. The dice rolls are visually represented by images that update dynamically based on the random numbers. The game compares the results and displays the winner or declares a draw in a styled heading. The design features a visually appealing layout with a dice-themed background, custom fonts, and a responsive container for the game elements. The project demonstrates fundamental web development skills, including DOM manipulation, event handling, and CSS styling..

SnapTasks is a sleek, user-friendly todo app designed to streamline task management with a clean and intuitive interface. Built with HTML, CSS, and JavaScript, and hosted on Netlify at https://snaptasks.netlify.app/, SnapTasks allows users to create, edit, and delete tasks effortlessly.

A web-based application that converts decimal numbers to binary using a recursive JavaScript algorithm. Features an interactive interface with input validation and a visual animation of the recursive call stack for the input value 5, demonstrating the conversion process step-by-step. Built with HTML, CSS, and JavaScript, styled with a responsive design using flexbox and custom CSS variables.

A lightweight, browser-based spreadsheet application built with HTML, JavaScript, and CSS. This project implements a grid interface with support for basic arithmetic operations, custom functions (e.g., sum, average, median), and cell range processing. Users can input formulas starting with "=", reference cells (e.g., A1, B2), and perform calculations dynamically. The application features a clean, grid-based UI styled with CSS Grid, enabling a responsive and intuitive user experience for data manipulation and computation.

Calorie Counter is a practical and intuitive web application designed to help users track their daily caloric intake and expenditure. Built with HTML, CSS, and JavaScript, this app enables users to set a calorie budget, log food entries for breakfast, lunch, dinner, and snacks, and record calories burned through exercise

A responsive web application built with HTML, CSS, and JavaScript, featuring an interactive dessert shopping cart. Users can browse a selection of desserts, add items to their cart, view quantities, and calculate subtotals, taxes, and totals dynamically. The cart includes a show/hide toggle and a clear cart function with a confirmation prompt. Styled with a modern gradient button design and organized layout, the project showcases DOM manipulation, event handling, and object-oriented JavaScript for a seamless user experience.

An educational platform with responsive design, powered by HTML and CSS. This was my very first project where i practised my HTML and CSS. I built this for nephew who was doing grade 12 (Matric) at the time. The plaform is just a collection of links for study materials, past exam papers and video lessions that grade 12 learners can use for revision purposes.

A 2D platformer game built using HTML5 Canvas, JavaScript, and CSS. Players navigate a character through a series of platforms to reach yellow checkpoints using arrow keys for movement and the spacebar to jump. The game features responsive design, collision detection, and a scrolling environment, with a clean start screen and checkpoint notifications. The project demonstrates proficiency in game development, DOM manipulation, and dynamic rendering.

A React-based web quiz testing general knowledge across science, literature, geography, and history. Features a responsive UI with CSS styling, 20 multiple-choice questions, and score tracking via React Context API. Includes a menu, quiz, and end screen with restart functionality. Supports PWA features for offline use and leverages Web Vitals for performance. Demonstrates skills in React, state management, and front-end development.