Projects | Jonathon Ireland

Restaurant App

Restaurant website management with a multi-tenant foundation

Restaurant App is a production-deployed website platform built with Angular 21, TypeScript, Fastify, Prisma, PostgreSQL, and Firebase Authentication. The current milestone brings together a live platform homepage, authenticated administration, domain-based restaurant routing, and a CMS for managing restaurant pages, menus, images, hours, and contact information.

Restaurant-specific appearance settings control themes, typography, colors, spacing, and layouts while preserving restaurant-created content. The application runs on Vercel and Railway, with Neon PostgreSQL and Cloudflare R2 supporting persistent data and media storage. Frontend validation at this milestone includes 589 passing automated tests.

Current Milestone

Live platform homepage and authenticated admin workspace
Domain-based routing to restaurant-specific public content
Admin controls for assigning and updating restaurant domains
CMS tools for pages, menus, photos, hours, and contact information
Saved restaurant appearance settings and theme previews
Automated frontend tests and TypeScript validation

Planned Enhancements

Restaurant onboarding and owner invitations
Manager and staff account provisioning
Domain ownership verification and activation workflows
Platform marketing content management
Customer registration and account features

Angular 21TypeScriptFastifyPrisma ORMPostgreSQLFirebase AuthenticationCloudflare R2VitestMulti-tenant Architecture

Visit Restaurant App

Authentication Screen – Entry point for player sessions with planned support for persistent accounts.

Game start overview with player hand and card layout

Game play has begun now that the logged in player has drawn a card hand has 8 cards in hand

Shows the action card menu with options to discard, add-to-meld, add-to-run, or play-to-existing

Shows the discard pile after one play has been made with the top card being a 9 of clubs.

Live SaaS Platform

Angular Rummy

Live production multiplayer card game platform

Rummy.green is a live production multiplayer card game built with Angular 21, TypeScript, Fastify, Prisma, PostgreSQL, and Firebase Authentication.

The application features a scalable turn-based game engine that supports multiplayer gameplay, AI opponents, match scoring, persistent game state management, and a growing suite of account management capabilities. The architecture was designed with a clean separation between UI, state management, and backend game logic, enabling rapid iteration and future feature expansion.

Players can create accounts, verify their email addresses, securely reset forgotten passwords, create and join multiplayer matches, invite other players, compete against up to three AI opponents, and play multi-round matches directly in the live production environment.

Recent enhancements include expanded mobile-first responsive design improvements, improved navigation behavior across devices, account verification workflows, password recovery functionality, frontend usability improvements, additional test coverage, and continued refinement of the multiplayer game experience.

Key Features

Live production deployment at Rummy.green
Multiplayer matchmaking and game creation
AI opponents supporting solo play
Firebase Authentication
Email verification workflow
Forgot password / password reset functionality
Persistent game state management
Multi-round match scoring
Responsive mobile, tablet, and desktop layouts
Administrative tooling
Real-time turn-based gameplay
Comprehensive unit testing with Vitest
Scalable reducer-driven game engine architecture
Loading transitions after Game event interactions and form submissions.

Ongoing Development

Enhanced mobile and tablet gameplay experience
Drag-and-drop card interactions
Human-readable game names replacing generated IDs
Gameplay animations and transitions
Expanded player invitation and social features
Additional game variants and rule customization
Continued performance and UX improvements
Remove "Play to Existing" action card menu and replace with "play on run" and "play on meld"

Angular 21TypeScriptFastifyPrisma ORMPostgreSQLFirebase AuthenticationVitestSCSSAI PlayersMultiplayer Architecture

Play Rummy.green

Updated

React Chess App

Browser chess with a React-driven computer opponent

A React 18 and TypeScript chess application in which the player controls White against a computer-controlled Black opponent. The project uses component-driven board rendering, typed chess-domain models, functional state updates, and a useEffect-based AI turn cycle. Black gathers its available legal moves, selects one at random, and responds after a short delay, with timer cleanup and stale-turn protection built into the effect.

React 18TypeScriptuseEffectState ManagementLegal Move GenerationRandom-Move AI

Live Demo

View on GitHub

C# Chess desktop application interface preview

Completed

C# Chess Game

Desktop chess with a material-scoring AI

A Windows desktop chess application built with C#, .NET 8, and WPF. Its architecture separates the reusable ChessLogic rules engine from the ChessUI presentation layer. The player controls White while Black evaluates every legal response against a copied board, scores the resulting material balance, and selects randomly among equally rated moves without blocking the interface.

C#.NET 8WPFObject-Oriented DesignRules EngineMaterial-Based AI