Web Development Portfolio

Showcasing full-stack development skills and IT expertise.

Experience

Foley AI — Full‑Stack Developer, Founder

  • Designed and deployed the full-stack web app (Vercel + Supabase + Clerk + Stripe + ElevenLabs)
  • Built UI/UX, backend logic, and database architecture
  • Designed token-based credit system
  • Handled marketing, user feedback, and iteration

Dialogue Smith Pty Ltd — Director, Co-Founder

  • Managed meetings, timelines, and contract negotiations
  • Built tools using Python, C#, Unreal, Unity
  • Developed and delivered AI prototypes
  • Created documentation and managed client communication

Summary

Experienced web developer skilled in building responsive, modern web applications. Proficient in front-end technologies and integrating third-party services for robust, scalable solutions. Focus on creating intuitive user experiences with clean, maintainable code.

Web Projects

Tandara Website

React + Responsive Design

Visit Website

Modern, responsive website for Tandara Services, built with React and hosted on Vercel. The site features a clean design with intuitive navigation, showcasing services and information in an accessible manner.

Technologies Used:

React
Vercel
Responsive Design
CSS Animations

Key Features:

  • Mobile-first responsive design ensuring excellent UX across all devices
  • Performance optimized with fast loading times
  • Accessible design following WCAG guidelines
  • Clean, modern UI with intuitive navigation
  • SEO optimization for better visibility

Foley AI Platform

Next.js + Supabase + API Integrations

Visit Website

Full-stack web application that enables creators to generate and manage AI-powered sound effects. The platform features user authentication, token-based credit systems, and audio processing tools.

Technologies Used:

Next.js
React
Supabase
Vercel
Clerk Auth
Stripe
ElevenLabs API
TailwindCSS

Key Features:

  • Token-based credit system with Stripe integration
  • AI-powered sound effect generation
  • Audio editing and trimming tools
  • Collection management for organizing sound assets
  • User authentication and account management
  • Responsive design for desktop and mobile use

Technical Skills

Frontend Development

  • React & Next.js: Building interactive, performant web applications
  • CSS & TailwindCSS: Creating responsive, visually appealing interfaces
  • TypeScript: Building type-safe applications for better code quality
  • UI/UX Design: Designing intuitive user experiences
  • Responsive Design: Creating websites that work on all devices

Backend & Services

  • Supabase & Firebase: Backend-as-a-service for rapid development
  • API Integration: Connecting with Stripe, Clerk, and ElevenLabs
  • Vercel Deployment: Seamless deployment and hosting
  • WordPress: Custom sites with plugins and themes
  • Authentication: Secure user authentication systems

Education

Certificate IV in Web Development

TasTAFE

ICT40120

Designed specifically for careers in Front-end Design/Development with specializations in UI, UX, HTML, CSS, Javascript, PHP and MySQL. Developed skills in designing, building, and administering standards-compliant websites using various technologies and design processes.

View Course Details

Game Design and Art Major

Curtin University

Bachelor's Degree (Ongoing)

Exploring game design and art in depth, including 3D modeling, character design, environment design, digital sculpting, animation, and cinematic storytelling.

View Course Details

Personal Attributes

  • Highly organised and efficient: Managed multiple client projects with strict deadlines while maintaining clear documentation.
  • Strong problem-solving: Developed AI prototypes and resolved technical challenges to meet unique requirements.
  • Quick learner and adaptable: Adapted to new technologies such as Unreal Engine's Blueprint scripting and web development tools.
  • Strong work ethic and reliable: Demonstrated reliability and dedication in both demanding farm labour and fast-paced IT projects.
← Game DesignContact →