backgroundbackground-next

Project Showcase

A curated selection of projects I've developed over the years. Each project provided the hands on experience that have greatly enhanced my skillset.

These projects also demonstrate my ability to work with various technologies, platforms, and development methodologies.


Interactive Project Showcase


Art gallery website screenshot
Web Application

A Really Good Art Show

Mar 2024

A modern art gallery website showcasing exhibitions and artworks. Built with Next.js and featuring a responsive design. Allows visitors to browse exhibitions, view artwork details, and contact the gallery.

Tech Stack

NextJSTypeScriptTailwind CSSConvex Database

Categories

Frontend Web DevelopmentBackend Web DevelopmentProject ManagementDatabaseWeb Development
Test automation dashboard
Test Automation

Playwright Test Automation Framework template

Jan 2024

Comprehensive UI and API test automation suite for an e-commerce platform. Includes tests for product browsing, checkout flow, user accounts, and payment processing. Integrated with CI/CD pipelines for continuous testing.

Tech Stack

PlaywrightTypeScript

Categories

Quality AssuranceTesting
Portfolio website screenshot
Web Application

My Personal Portfolio Website

Jan 2025

My personal website, to showcase my ideals, projects, proof of concepts, my blog and my resume. Implements with features such as responsive design, dark/light mode, component-based architecture ( my own special project structure, check README for details on how structured and why), and animations with Framer Motion and TailwindCSS.

Tech Stack

NextJSTypeScriptTailwind CSSFramer Motion

Categories

Frontend Web DevelopmentProject ManagementDatabaseBackend Web Development
API performance dashboard
Test Automation

API Performance Testing Framework

Jun 2023

Custom framework for performance testing REST APIs with automated reporting, trend analysis, and integration with CI/CD pipelines. Supports load testing, stress testing, and endurance testing scenarios.

Tech Stack

k6JavaScriptGrafanaDocker

Categories

Quality AssuranceTesting
Task management application screenshot
Web Application

Playwright Web UI Test Runner/Management System

Dec 2022

An web based interface that can run with an new or existing Playwright test automation framework. This web application allows users to run Playwright tests, edit and create new tests as well. It also has AI built in that can generate new tests based on natural langauge input. Created to make it easier for a person new to a Playwright project or Playwright in general to be able to run tests or testruns in the given framework. Even add new ones without having to know how to code in Playwright.

Tech Stack

ReactNode.jsMongoDBWebSocketsExpress

Categories

Web DevelopmentBackend Web Development
Playwright Test Framework screenshot
Test Automation

Automated UI Component Testing

Jan 2024

A comprehensive testing framework for UI E2E, UI Components and API Testing leveraging Playwright using the various advanced features for a robust Automated Test framework that I created that is setup for Enterprise testing usage. Based off of . Documentation and example code for usage.

Tech Stack

PlaywrightTypeScriptMSSQLlighthouseaxe-playwright

Categories

Test AutomationTestingTools

GitHub Projects

A Really Good Art Show

A modern art gallery website showcasing exhibitions and artworks. Built with Next.js and featuring a responsive design. Allows visitors to browse exhibitions, view artwork details, and contact the gallery.

NextJSTypeScriptTailwind CSS+1 more

Tech Stack Details:

  • NextJS
    A React framework for building client and server-side rendered applications. Utilized for the UI and managing the routing and rendering of page on the Vercel servers.
    nextreactreact-dom
    Learn more
  • Tailwind CSS
    A utility-first CSS framework for creating custom designs without having to leave your HTML.
    tailwindcsspostcssautoprefixer
    Learn more
  • Convex
    A serverless database and backend platform for building modern applications. Utilized for data storage, and internal APIs for retrieving data to hydrate the UI.
    convex
    Learn more

Playwright Test Automation Framework template

Comprehensive UI and API test automation suite for an e-commerce platform. Includes tests for product browsing, checkout flow, user accounts, and payment processing. Integrated with CI/CD pipelines for continuous testing.

PlaywrightTypeScript

Tech Stack Details:

  • Playwright
    A testing package for test automation. Used for end-to-end, api, visual snapshot and integration testing of web applications.
    @playwright/test
    Learn more
  • TypeScript
    This project was built using TypeScript, for an enterprise level test automation framework that is scalable. Created with all the advanced usage features configured such as, fixtures, support for multiple test environments, database access, dockerizing tests, api tests, global authentication. Created to simplify the setup that can be implemented for any web application. Bassed on my own custom framework that I created for my current job enterprise application.
    typescript
    Learn more

My Personal Portfolio Website

My personal website, to showcase my ideals, projects, proof of concepts, my blog and my resume. Implements with features such as responsive design, dark/light mode, component-based architecture ( my own special project structure, check README for details on how structured and why), and animations with Framer Motion and TailwindCSS.

NextJSTypeScriptTailwind CSS+1 more

Tech Stack Details:

  • NextJS
    A React framework for building client and server-side rendered applications. Utilized for the UI and managing the routing and rendering of page on the Vercel servers.
    nextreactreact-dom
    Learn more
  • Tailwind CSS
    Used for the styling needs of this project.
    tailwindcsspostcssautoprefixer
    Learn more
  • Convex
    A serverless database and backend platform for building modern applications. Utilized for data storage, and internal APIs for retrieving data to hydrate the UI.
    convex
    Learn more

Playwright Web UI Test Runner/Management System

An web based interface that can run with an new or existing Playwright test automation framework. This web application allows users to run Playwright tests, edit and create new tests as well. It also has AI built in that can generate new tests based on natural langauge input. Created to make it easier for a person new to a Playwright project or Playwright in general to be able to run tests or testruns in the given framework. Even add new ones without having to know how to code in Playwright.

ReactNode.jsMongoDB+2 more

Tech Stack Details:

  • Playwright
    A testing package for test automation. Used for end-to-end, api, visual snapshot and integration testing of web applications.
    @playwright/test
    Learn more
  • Playwright MCP Server
    A server that can be used to run Playwright tests, and manage the test runs. It can be used to run tests in parallel, and also has a web interface for running tests. Added context specific to project with the best practices for creating tests.
    @playwright/mcp-server
    Learn more
  • TypeScript
    This project was built using TypeScript, for an enterprise level test automation framework that is scalable. Created with all the advanced usage features configured such as, fixtures, support for multiple test environments, database access, dockerizing tests, api tests, global authentication. Created to simplify the setup that can be implemented for any web application. Bassed on my own custom framework that I created for my current job enterprise application.
    typescript
    Learn more

Automated UI Component Testing

A comprehensive testing framework for UI E2E, UI Components and API Testing leveraging Playwright using the various advanced features for a robust Automated Test framework that I created that is setup for Enterprise testing usage. Based off of . Documentation and example code for usage.

PlaywrightTypeScriptMSSQL+2 more

Tech Stack Details: