Aaron Colón

Web Development and Design

Demonstrations

Filters

Paid Memberships Pro Member Churn Report

Tech: PHP

Dev: Back-End, Front-End

Platforms: WordPress

  • Source
  • Remarks

    A custom add-on plugin for Paid Memberships Pro. Adds a custom Member Churn report to the dashboard.

Next.js + Headless CMS + GraphQL

Tech: GraphQL, JavaScript, PHP, React

Dev: Back-End, Front-End

Platforms: Next.js, Vercel, WordPress

  • Live Site
  • Source
  • CMS Site
  • Remarks

    Next.js + React + Node.js version of existing WordPress-based site, https://wp.aaron-colon.com. This Next.js site use the existing WP site as a headless CMS, GraphQL for queries, and showcases Next.js’s flexible types of data fetching (Static Generation and Incremental Static Regeneration) and dynamic routes.

    The original WordPress site can be found here: https://wp.aaron-colon.com.

Dynamic Ecommerce Pricing License Selector

Tech: JavaScript, PHP

Dev: Back-End, Front-End

Platforms: WooCommerce, WordPress

  • Demo Site
  • Source
  • Remarks

    An open source project based on the WooCommerce Storefront theme using WooCommerce Product Variations for available custom licenses. A subscription-based monetization option with AWS S3 hosted files is currently in-progress.

Automated Booking System

Tech: JavaScript, PHP, React, Redux

Dev: Back-End, Front-End

Platforms: WordPress

  • Demo Site
  • Source
  • Remarks

    An automated booking system. The first available requested Asset match is contacted and must accept or reject the request within a time frame. If accepted, the booking is complete; if rejected, the next available matching Asset is contacted and so on. Showcases both React + Redux and Vanilla JS versions.

User Data Input and Visualizer

Tech: JavaScript, React, Redux

Dev: Back-End, Front-End

Platforms: WordPress

  • Demo Site
  • Source
  • Remarks

    Showcases both React + Redux and Vanilla JS versions connected to a single MySQL database via WordPress AJAX. Allows users to enter and visualize data about various personal relationships using the Google Charts library.

Fantasy Football Rankings

Tech: JavaScript, React, Redux

Dev: Front-End

Platforms: HTML5

  • Demo Site
  • Source
  • Remarks

    Simplified recreation of common fantasy football ranking tables using React and Redux. Uses randomly generated ranking data.

Ciphers

Tech: React, Redux

Dev: Front-End

Platforms: HTML5

Notifications

Tech: JavaScript

Dev: Front-End

Platforms: HTML5

  • Source
  • Remarks

    Notifications modules using ES6 classes and ES5 revealing module pattern.

Biomod Calculator

Tech: JavaScript, React

Dev: Front-End

Platforms: HTML5

WaveSurfer Multiple Players

Tech: JavaScript

Dev: Front-End

Platforms: HTML5

  • Demo Site
  • Source
  • Remarks

    Multiple WaveSurfer instances reacting to JS events and states. Showcases ES5 revealing module pattern and ES6 classes.

Unique Random Number From a Range

Tech: JavaScript

Dev: Front-End

Platforms: HTML5

  • Source
  • Remarks

    Utility functions for generating unique random numbers within a range.