Project Showcase

A curated selection of projects I've developed over the years.


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: