Mario's Code Portfolio
A collection of my recent work and projects showcasing full-stack development, interactive design, and modern web technologies.
Ecommerce Website
A fully functional e-commerce application replicating the core Amazon shopping experience; product browsing, a persistent shopping cart, and a complete checkout flow. Built with vanilla JavaScript, HTML, and CSS to demonstrate DOM manipulation, event-driven programming, and client-side state management without a framework.
MERN Product Store App
A full-stack product management application built on the MERN stack. Users can create, view, update, and delete product listings in real time through a RESTful API. Frontend state is managed with Zustand, the backend runs on Express, and data is persisted in MongoDB Atlas; deployed to production on Vercel.
Ro Cham Bo / Rock Paper Scissors
A browser-based Rock Paper Scissors game built to demonstrate core JavaScript logic, conditional reasoning, and DOM-driven UI updates. Features score tracking, animated results, and a clean responsive interface; built entirely with HTML, CSS, and vanilla JavaScript.
Iswi | Social Civic Engagement Platform
A full-stack civic engagement and social media platform for democratic participation, proposition voting, and community discourse. Built with React.js for the frontend, Node.js and Express on the backend, and deployed as a live production application at iswi.co.za.
Foundation for African Empowerment
A production TypeScript website for a global NGO operating disability-inclusive education programs across 63 partner countries on six continents. Features an interactive partner network map, program showcases, and community engagement pathways including donations, volunteering, and corporate partnerships.
Draft Prop | Blockchain Voting App
A decentralized voting application on the Ethereum blockchain. Users create draft proposals, vote with yeas or nays, and successful drafts automatically promote to on-chain propositions at 5 votes. Built with Solidity smart contracts, Hardhat, React, ethers.js, and MetaMask; supports Sepolia testnet and Polygon Amoy.
YouTube Clone
A pixel-precise frontend recreation of the YouTube homepage built entirely with HTML5 and CSS3; no JavaScript or frameworks. Demonstrates professional layout engineering with CSS Grid and Flexbox, responsive design via media queries, and the ability to translate a production-grade UI into clean, maintainable semantic markup.
Uniquon One | AI NPC Cognitive System
A Python-based cognitive architecture for autonomous AI agents inside Unreal Engine. Unreal handles environment simulation and physical actions while Python manages reasoning via a blackboard event/state system. Features Pydantic-validated WebSocket communication, per-tick JSONL trace logging, and modular perception, memory, and action subsystems.
Flocker
A Ruby application exploring backend development patterns and object-oriented design. Built to demonstrate idiomatic Ruby, clean architecture, and server-side programming fundamentals.