Brand Logo

Projects

Search and filter

Filter by tags or search by title/description.

ReactTypeScriptViteSCSSHonoPrismaPostgreSQLSupabaseDenoDropbox APIhtml5-qrcodeTailwind CSSTanStack QueryMySQLPrisma ORMClerkGemini FlashMantine UISASS/SCSSAxiosExpress.jsZodHTMLCSSJavaScript
Strata Reserve Planning

Strata Reserve Planning

Case Study

A secure, multi-role property management platform that replaces fragmented manual workflows with a unified digital system for strata reserve fund planning and depreciation reporting.

ReactTypeScriptViteSCSSHonoPrismaPostgreSQLSupabaseDenoDropbox API
ChekMate

ChekMate

ChekMate is a household inventory tracking web app that helps users manage the items they own and keep track of products they lend or borrow. Users can log items such as books, video games, tools, or any product with a UPC barcode, record purchase details, and monitor lending activity with borrower information and due date reminders. ChekMate also includes a smart grocery list that alerts users when household essentials are running low or when products are approaching their expiration date, making it easier to stay organized and prepared for the next shopping trip.

Reacthtml5-qrcodeTailwind CSSTypeScript
Jargon

Jargon

Jargon helps newcomer tradespeople overcome language barriers while pursuing Canadian Red Seal certification. Many language-learning apps lack trade-specific vocabulary, and technical manuals can be overwhelming, filled with complex terms and little context. Developed in collaboration with BCIT's ConnectHER hub, this 15-week project combines visual learning with interactive exercises, featuring flashcards, optical character recognition (OCR), Gemini 3 Flash AI-driven Q&A, and progress tracking to keep users engaged. By balancing educational precision with an approachable interface, Jargon supports learners rather than intimidating them. Its interactive, goal-oriented design empowers tradespeople to overcome language obstacles, advance toward professional certification, and gain confidence in the workplace.

ReactHonoTypeScriptTanStack QueryTailwind CSSMySQLPrisma ORMClerkGemini Flash
Montro

Montro

Montro tackles a common challenge that many people face: building consistent money management habits. Traditional budgeting tools often feel cumbersome, requiring tedious manual tracking or offering overly complex interfaces that discourage regular use. Developed as an interactive, habit-focused financial app, Montro combines real-time expense logging with AI-powered insights to help users understand where their money goes. Users can assign budgets to key categories, scan receipts for instant tracking, and receive alerts as they approach spending limits. Gamification elements, including points, streaks, and reward wheels, keep engagement high while transforming routine financial management into a motivating experience. By blending educational guidance with a playful interface, Montro helps users develop sustainable habits, gain confidence in their spending decisions, and earn tangible rewards along the way.

ClerkMantine UIReactTypeScriptSASS/SCSSAxiosMySQLExpress.jsZod
Math Adventure!

Math Adventure!

Math Adventure is a browser based educational game designed to make elementary math practice engaging and interactive. The goal of the project was to turn repetitive arithmetic exercises into a fast paced experience that rewards both accuracy and speed. The game covers addition, subtraction, multiplication, and division, along with mixed operations and order of operations for more advanced learners. Difficulty levels adjust the number range and input method, allowing younger players to use guided multiple choice while more experienced users solve problems using a number pad. A key focus of the project was user experience. Features like instant feedback, hints, time pressure, and score based rewards were designed to keep players motivated while reinforcing learning. Visual themes, sound effects, and celebratory animations add a playful layer that makes the experience feel more like a game than a worksheet. This project was built using pure HTML, CSS, and JavaScript without external frameworks, with an emphasis on clean logic, responsive design, and maintainable structure.

HTMLCSSJavaScript