Projects - Full Stack Development Portfolio
Full Stack
Full-stack web applications built with React, Next.js, TypeScript, and modern backend technologies.The projects demonstrate expertise building scalable, production-ready applications.
A Canva clone scoped to AI and Docs functionality. The application matches Canva's core design and mobile responsiveness, using a modern tech stack: React, MobX and TypeScript for the frontend, Django backend integrated with Azure cloud services, a Go-based websocket server, and PostgreSQL for data management. The application is behind authentication and can connect to Local Language Models (LLMs), as well as set external providers for AI chat functionality. Microservices are dockerised for deployments and running in a Kubernetes cluster.
A Canva clone scoped to AI and Docs functionality. The application matches Canva's core design and mobile responsiveness, using a modern tech stack: React, MobX and TypeScript for the frontend, Django backend integrated with Azure cloud services, a Go-based websocket server, and PostgreSQL for data management. The application is behind authentication and can connect to Local Language Models (LLMs), as well as set external providers for AI chat functionality. Microservices are dockerised for deployments and running in a Kubernetes cluster.
A recreation of Netflix's streaming platform interface, demonstrating modern web development practices. Built with Next.js and enhanced with Tailwind CSS for responsive design, this project implements user authentication through Clerk and showcases proficiency in creating fluid, user-friendly interfaces with JavaScript following a set design.
A recreation of Netflix's streaming platform interface, demonstrating modern web development practices. Built with Next.js and enhanced with Tailwind CSS for responsive design, this project implements user authentication through Clerk and showcases proficiency in creating fluid, user-friendly interfaces with JavaScript following a set design.
A comprehensive personal finance management platform that integrates with real-world banking through Plaid's secure API. Built with Next.js and TypeScript, this application offers financial tracking with interactive data visualizations, peer-to-peer transaction capabilities, and detailed spending analytics. The platform leverages Clerk for secure authentication, while utilising Hono, Drizzle ORM, and Neon database for robust data handling.
A comprehensive personal finance management platform that integrates with real-world banking through Plaid's secure API. Built with Next.js and TypeScript, this application offers financial tracking with interactive data visualizations, peer-to-peer transaction capabilities, and detailed spending analytics. The platform leverages Clerk for secure authentication, while utilising Hono, Drizzle ORM, and Neon database for robust data handling.
A feature-rich collaborative whiteboard platform inspired by Miro, enabling real-time planning and design collaboration. This application showcases advanced technical implementation using Next.js and React, with real-time collaboration powered by Live Blocks. The system incorporates Convex for state management, Clerk for user authentication, and a modern backend stack including Hono, Drizzle, and Neon, delivering an all-in-one collaborative design experience.
A feature-rich collaborative whiteboard platform inspired by Miro, enabling real-time planning and design collaboration. This application showcases advanced technical implementation using Next.js and React, with real-time collaboration powered by Live Blocks. The system incorporates Convex for state management, Clerk for user authentication, and a modern backend stack including Hono, Drizzle, and Neon, delivering an all-in-one collaborative design experience.
A Jira-inspired project management application with advanced drag-and-drop functionality using React Beautiful DnD. Built with TypeScript and Next.js, this platform delivers comprehensive task tracking and project planning capabilities. The tech stack includes Hono for the backend, Drizzle ORM with Neon database for data management, and Stripe integration for payment processing. The application showcases how modern web technologies can be utilised to create interactive business tools that replicate enterprise-level functionality.
A Jira-inspired project management application with advanced drag-and-drop functionality using React Beautiful DnD. Built with TypeScript and Next.js, this platform delivers comprehensive task tracking and project planning capabilities. The tech stack includes Hono for the backend, Drizzle ORM with Neon database for data management, and Stripe integration for payment processing. The application showcases how modern web technologies can be utilised to create interactive business tools that replicate enterprise-level functionality.
Government
Enterprise applications and technical documentation for the Western Australian Government. Led development of production systems using Django, React, Docker, and Kubernetes, while maintaining legacy applications including Plastids of the Pilbara and Biodiversity Audit through dependency updates and security patches.
Contributed technical documentation and best practices to the department's developer guidance repository, establishing standards for modern development workflows and architecture. Authored comprehensive guides on Rancher deployment strategies and React development patterns, helping standardise approaches across multiple government projects and teams.
Spearheaded Florabase modernisation initiative, architecting and developing React-based frontend to replace legacy Mustache/PHP codebase, addressing critical security vulnerabilities and technical debt for application serving millions of users
A digital platform that modernises the cannabis specimen identification workflow for WA Police and the Herbarium. The system streamlines the entire process from police collection to court proceedings, enabling Approved Botanists to generate legally admissible certificates for suspected cannabis determinations. The system features automated certificate generation, multi-level authentication with role-based permissions, financial recordkeeping for certification and determination fees, and secure data management. The platform utilises bespoke ETL migration scripts to maintain historical records from a Microsoft Access database.
The Science Project Management System (SPMS) is a bespoke system developed for the government of Western Australia to manage the lifecycle of science projects within the organisation. The system streamlines the process of project creation, approval, management, and documentation. Projects for a given year culminate in a programatically generated annual report, which is then made public and provided to key ministers, securing further funding. The system is built from the ground-up in Django and React, replacing a prior end-of-life monorepo. The Docker container is hosted in Azure Kubernetes, and configured through an Azure Rancher instance.
Led deployment of the Specify application to Kubernetes k3d clusters, managing infrastructure configurations across development, UAT, and production environments using Kustomize and created custom shell scripts for improved developer experience. Contributed to a Java Spring Boot ETL application that migrated decades of fragmented specimen data into a centralised Specify 7 database through an event-driven architecture by assisting in implementing the Loans and Borrows functionality.
Contributed technical documentation and best practices to the department's developer guidance repository, establishing standards for modern development workflows and architecture. Authored comprehensive guides on Rancher deployment strategies and React development patterns, helping standardise approaches across multiple government projects and teams.
Spearheaded Florabase modernisation initiative, architecting and developing React-based frontend to replace legacy Mustache/PHP codebase, addressing critical security vulnerabilities and technical debt for application serving millions of users
A digital platform that modernises the cannabis specimen identification workflow for WA Police and the Herbarium. The system streamlines the entire process from police collection to court proceedings, enabling Approved Botanists to generate legally admissible certificates for suspected cannabis determinations. The system features automated certificate generation, multi-level authentication with role-based permissions, financial recordkeeping for certification and determination fees, and secure data management. The platform utilises bespoke ETL migration scripts to maintain historical records from a Microsoft Access database.
The Science Project Management System (SPMS) is a bespoke system developed for the government of Western Australia to manage the lifecycle of science projects within the organisation. The system streamlines the process of project creation, approval, management, and documentation. Projects for a given year culminate in a programatically generated annual report, which is then made public and provided to key ministers, securing further funding. The system is built from the ground-up in Django and React, replacing a prior end-of-life monorepo. The Docker container is hosted in Azure Kubernetes, and configured through an Azure Rancher instance.
Led deployment of the Specify application to Kubernetes k3d clusters, managing infrastructure configurations across development, UAT, and production environments using Kustomize and created custom shell scripts for improved developer experience. Contributed to a Java Spring Boot ETL application that migrated decades of fragmented specimen data into a centralised Specify 7 database through an event-driven architecture by assisting in implementing the Loans and Borrows functionality.
Government
Enterprise applications and technical documentation for the Western Australian Government. Led development of production systems using Django, React, Docker, and Kubernetes, while maintaining legacy applications including Plastids of the Pilbara and Biodiversity Audit through dependency updates and security patches.
Contributed technical documentation and best practices to the department's developer guidance repository, establishing standards for modern development workflows and architecture. Authored comprehensive guides on Rancher deployment strategies and React development patterns, helping standardise approaches across multiple government projects and teams.
Spearheaded Florabase modernisation initiative, architecting and developing React-based frontend to replace legacy Mustache/PHP codebase, addressing critical security vulnerabilities and technical debt for application serving millions of users
A digital platform that modernises the cannabis specimen identification workflow for WA Police and the Herbarium. The system streamlines the entire process from police collection to court proceedings, enabling Approved Botanists to generate legally admissible certificates for suspected cannabis determinations. The system features automated certificate generation, multi-level authentication with role-based permissions, financial recordkeeping for certification and determination fees, and secure data management. The platform utilises bespoke ETL migration scripts to maintain historical records from a Microsoft Access database.
The Science Project Management System (SPMS) is a bespoke system developed for the government of Western Australia to manage the lifecycle of science projects within the organisation. The system streamlines the process of project creation, approval, management, and documentation. Projects for a given year culminate in a programatically generated annual report, which is then made public and provided to key ministers, securing further funding. The system is built from the ground-up in Django and React, replacing a prior end-of-life monorepo. The Docker container is hosted in Azure Kubernetes, and configured through an Azure Rancher instance.
Led deployment of the Specify application to Kubernetes k3d clusters, managing infrastructure configurations across development, UAT, and production environments using Kustomize and created custom shell scripts for improved developer experience. Contributed to a Java Spring Boot ETL application that migrated decades of fragmented specimen data into a centralised Specify 7 database through an event-driven architecture by assisting in implementing the Loans and Borrows functionality.
Contributed technical documentation and best practices to the department's developer guidance repository, establishing standards for modern development workflows and architecture. Authored comprehensive guides on Rancher deployment strategies and React development patterns, helping standardise approaches across multiple government projects and teams.
Spearheaded Florabase modernisation initiative, architecting and developing React-based frontend to replace legacy Mustache/PHP codebase, addressing critical security vulnerabilities and technical debt for application serving millions of users
A digital platform that modernises the cannabis specimen identification workflow for WA Police and the Herbarium. The system streamlines the entire process from police collection to court proceedings, enabling Approved Botanists to generate legally admissible certificates for suspected cannabis determinations. The system features automated certificate generation, multi-level authentication with role-based permissions, financial recordkeeping for certification and determination fees, and secure data management. The platform utilises bespoke ETL migration scripts to maintain historical records from a Microsoft Access database.
The Science Project Management System (SPMS) is a bespoke system developed for the government of Western Australia to manage the lifecycle of science projects within the organisation. The system streamlines the process of project creation, approval, management, and documentation. Projects for a given year culminate in a programatically generated annual report, which is then made public and provided to key ministers, securing further funding. The system is built from the ground-up in Django and React, replacing a prior end-of-life monorepo. The Docker container is hosted in Azure Kubernetes, and configured through an Azure Rancher instance.
Led deployment of the Specify application to Kubernetes k3d clusters, managing infrastructure configurations across development, UAT, and production environments using Kustomize and created custom shell scripts for improved developer experience. Contributed to a Java Spring Boot ETL application that migrated decades of fragmented specimen data into a centralised Specify 7 database through an event-driven architecture by assisting in implementing the Loans and Borrows functionality.
Full Stack
Full-stack web applications built with React, Next.js, TypeScript, and modern backend technologies.The projects demonstrate expertise building scalable, production-ready applications.
A Canva clone scoped to AI and Docs functionality. The application matches Canva's core design and mobile responsiveness, using a modern tech stack: React, MobX and TypeScript for the frontend, Django backend integrated with Azure cloud services, a Go-based websocket server, and PostgreSQL for data management. The application is behind authentication and can connect to Local Language Models (LLMs), as well as set external providers for AI chat functionality. Microservices are dockerised for deployments and running in a Kubernetes cluster.
A Canva clone scoped to AI and Docs functionality. The application matches Canva's core design and mobile responsiveness, using a modern tech stack: React, MobX and TypeScript for the frontend, Django backend integrated with Azure cloud services, a Go-based websocket server, and PostgreSQL for data management. The application is behind authentication and can connect to Local Language Models (LLMs), as well as set external providers for AI chat functionality. Microservices are dockerised for deployments and running in a Kubernetes cluster.
A recreation of Netflix's streaming platform interface, demonstrating modern web development practices. Built with Next.js and enhanced with Tailwind CSS for responsive design, this project implements user authentication through Clerk and showcases proficiency in creating fluid, user-friendly interfaces with JavaScript following a set design.
A recreation of Netflix's streaming platform interface, demonstrating modern web development practices. Built with Next.js and enhanced with Tailwind CSS for responsive design, this project implements user authentication through Clerk and showcases proficiency in creating fluid, user-friendly interfaces with JavaScript following a set design.
A comprehensive personal finance management platform that integrates with real-world banking through Plaid's secure API. Built with Next.js and TypeScript, this application offers financial tracking with interactive data visualizations, peer-to-peer transaction capabilities, and detailed spending analytics. The platform leverages Clerk for secure authentication, while utilising Hono, Drizzle ORM, and Neon database for robust data handling.
A comprehensive personal finance management platform that integrates with real-world banking through Plaid's secure API. Built with Next.js and TypeScript, this application offers financial tracking with interactive data visualizations, peer-to-peer transaction capabilities, and detailed spending analytics. The platform leverages Clerk for secure authentication, while utilising Hono, Drizzle ORM, and Neon database for robust data handling.
A feature-rich collaborative whiteboard platform inspired by Miro, enabling real-time planning and design collaboration. This application showcases advanced technical implementation using Next.js and React, with real-time collaboration powered by Live Blocks. The system incorporates Convex for state management, Clerk for user authentication, and a modern backend stack including Hono, Drizzle, and Neon, delivering an all-in-one collaborative design experience.
A feature-rich collaborative whiteboard platform inspired by Miro, enabling real-time planning and design collaboration. This application showcases advanced technical implementation using Next.js and React, with real-time collaboration powered by Live Blocks. The system incorporates Convex for state management, Clerk for user authentication, and a modern backend stack including Hono, Drizzle, and Neon, delivering an all-in-one collaborative design experience.
A Jira-inspired project management application with advanced drag-and-drop functionality using React Beautiful DnD. Built with TypeScript and Next.js, this platform delivers comprehensive task tracking and project planning capabilities. The tech stack includes Hono for the backend, Drizzle ORM with Neon database for data management, and Stripe integration for payment processing. The application showcases how modern web technologies can be utilised to create interactive business tools that replicate enterprise-level functionality.
A Jira-inspired project management application with advanced drag-and-drop functionality using React Beautiful DnD. Built with TypeScript and Next.js, this platform delivers comprehensive task tracking and project planning capabilities. The tech stack includes Hono for the backend, Drizzle ORM with Neon database for data management, and Stripe integration for payment processing. The application showcases how modern web technologies can be utilised to create interactive business tools that replicate enterprise-level functionality.
Government
Enterprise applications and technical documentation for the Western Australian Government. Led development of production systems using Django, React, Docker, and Kubernetes, while maintaining legacy applications including Plastids of the Pilbara and Biodiversity Audit through dependency updates and security patches.
Contributed technical documentation and best practices to the department's developer guidance repository, establishing standards for modern development workflows and architecture. Authored comprehensive guides on Rancher deployment strategies and React development patterns, helping standardise approaches across multiple government projects and teams.
Spearheaded Florabase modernisation initiative, architecting and developing React-based frontend to replace legacy Mustache/PHP codebase, addressing critical security vulnerabilities and technical debt for application serving millions of users
A digital platform that modernises the cannabis specimen identification workflow for WA Police and the Herbarium. The system streamlines the entire process from police collection to court proceedings, enabling Approved Botanists to generate legally admissible certificates for suspected cannabis determinations. The system features automated certificate generation, multi-level authentication with role-based permissions, financial recordkeeping for certification and determination fees, and secure data management. The platform utilises bespoke ETL migration scripts to maintain historical records from a Microsoft Access database.
The Science Project Management System (SPMS) is a bespoke system developed for the government of Western Australia to manage the lifecycle of science projects within the organisation. The system streamlines the process of project creation, approval, management, and documentation. Projects for a given year culminate in a programatically generated annual report, which is then made public and provided to key ministers, securing further funding. The system is built from the ground-up in Django and React, replacing a prior end-of-life monorepo. The Docker container is hosted in Azure Kubernetes, and configured through an Azure Rancher instance.
Led deployment of the Specify application to Kubernetes k3d clusters, managing infrastructure configurations across development, UAT, and production environments using Kustomize and created custom shell scripts for improved developer experience. Contributed to a Java Spring Boot ETL application that migrated decades of fragmented specimen data into a centralised Specify 7 database through an event-driven architecture by assisting in implementing the Loans and Borrows functionality.
Contributed technical documentation and best practices to the department's developer guidance repository, establishing standards for modern development workflows and architecture. Authored comprehensive guides on Rancher deployment strategies and React development patterns, helping standardise approaches across multiple government projects and teams.
Spearheaded Florabase modernisation initiative, architecting and developing React-based frontend to replace legacy Mustache/PHP codebase, addressing critical security vulnerabilities and technical debt for application serving millions of users
A digital platform that modernises the cannabis specimen identification workflow for WA Police and the Herbarium. The system streamlines the entire process from police collection to court proceedings, enabling Approved Botanists to generate legally admissible certificates for suspected cannabis determinations. The system features automated certificate generation, multi-level authentication with role-based permissions, financial recordkeeping for certification and determination fees, and secure data management. The platform utilises bespoke ETL migration scripts to maintain historical records from a Microsoft Access database.
The Science Project Management System (SPMS) is a bespoke system developed for the government of Western Australia to manage the lifecycle of science projects within the organisation. The system streamlines the process of project creation, approval, management, and documentation. Projects for a given year culminate in a programatically generated annual report, which is then made public and provided to key ministers, securing further funding. The system is built from the ground-up in Django and React, replacing a prior end-of-life monorepo. The Docker container is hosted in Azure Kubernetes, and configured through an Azure Rancher instance.
Led deployment of the Specify application to Kubernetes k3d clusters, managing infrastructure configurations across development, UAT, and production environments using Kustomize and created custom shell scripts for improved developer experience. Contributed to a Java Spring Boot ETL application that migrated decades of fragmented specimen data into a centralised Specify 7 database through an event-driven architecture by assisting in implementing the Loans and Borrows functionality.
Government
Enterprise applications and technical documentation for the Western Australian Government. Led development of production systems using Django, React, Docker, and Kubernetes, while maintaining legacy applications including Plastids of the Pilbara and Biodiversity Audit through dependency updates and security patches.
Contributed technical documentation and best practices to the department's developer guidance repository, establishing standards for modern development workflows and architecture. Authored comprehensive guides on Rancher deployment strategies and React development patterns, helping standardise approaches across multiple government projects and teams.
Spearheaded Florabase modernisation initiative, architecting and developing React-based frontend to replace legacy Mustache/PHP codebase, addressing critical security vulnerabilities and technical debt for application serving millions of users
A digital platform that modernises the cannabis specimen identification workflow for WA Police and the Herbarium. The system streamlines the entire process from police collection to court proceedings, enabling Approved Botanists to generate legally admissible certificates for suspected cannabis determinations. The system features automated certificate generation, multi-level authentication with role-based permissions, financial recordkeeping for certification and determination fees, and secure data management. The platform utilises bespoke ETL migration scripts to maintain historical records from a Microsoft Access database.
The Science Project Management System (SPMS) is a bespoke system developed for the government of Western Australia to manage the lifecycle of science projects within the organisation. The system streamlines the process of project creation, approval, management, and documentation. Projects for a given year culminate in a programatically generated annual report, which is then made public and provided to key ministers, securing further funding. The system is built from the ground-up in Django and React, replacing a prior end-of-life monorepo. The Docker container is hosted in Azure Kubernetes, and configured through an Azure Rancher instance.
Led deployment of the Specify application to Kubernetes k3d clusters, managing infrastructure configurations across development, UAT, and production environments using Kustomize and created custom shell scripts for improved developer experience. Contributed to a Java Spring Boot ETL application that migrated decades of fragmented specimen data into a centralised Specify 7 database through an event-driven architecture by assisting in implementing the Loans and Borrows functionality.
Contributed technical documentation and best practices to the department's developer guidance repository, establishing standards for modern development workflows and architecture. Authored comprehensive guides on Rancher deployment strategies and React development patterns, helping standardise approaches across multiple government projects and teams.
Spearheaded Florabase modernisation initiative, architecting and developing React-based frontend to replace legacy Mustache/PHP codebase, addressing critical security vulnerabilities and technical debt for application serving millions of users
A digital platform that modernises the cannabis specimen identification workflow for WA Police and the Herbarium. The system streamlines the entire process from police collection to court proceedings, enabling Approved Botanists to generate legally admissible certificates for suspected cannabis determinations. The system features automated certificate generation, multi-level authentication with role-based permissions, financial recordkeeping for certification and determination fees, and secure data management. The platform utilises bespoke ETL migration scripts to maintain historical records from a Microsoft Access database.
The Science Project Management System (SPMS) is a bespoke system developed for the government of Western Australia to manage the lifecycle of science projects within the organisation. The system streamlines the process of project creation, approval, management, and documentation. Projects for a given year culminate in a programatically generated annual report, which is then made public and provided to key ministers, securing further funding. The system is built from the ground-up in Django and React, replacing a prior end-of-life monorepo. The Docker container is hosted in Azure Kubernetes, and configured through an Azure Rancher instance.
Led deployment of the Specify application to Kubernetes k3d clusters, managing infrastructure configurations across development, UAT, and production environments using Kustomize and created custom shell scripts for improved developer experience. Contributed to a Java Spring Boot ETL application that migrated decades of fragmented specimen data into a centralised Specify 7 database through an event-driven architecture by assisting in implementing the Loans and Borrows functionality.