Works

GhostBed Highlights

Sales Funnel with Next.js, React, and TypeScript

Link: Sales Funnel (Preview)

I created this Sales Funnel App with Next.js, React, and TypeScript. I wrote the full implementation with completely new code along with some updates to the business logic. We hope to go live with the new code I wrote after we complete our migration efforts to a headless web application. Feel free to check out the live version built with Vue.js.

GhostBed Massage Mattress Product Page

Link: GhostBed Massage Mattress

I created several product pages like this one with Vue.js and Liquid. These pages include complex logic to handle various pricing, sizing, and variant options. They also feature interactive, dynamic components and mobile-responsive graphics. I worked closely with the Design and Marketing Teams to meet the requirements and deliver on time.

Here are a few similar product pages and features.

Blog Article with Advanced Graphics

Link: The Ultimate Guide to Mattress Firmness

On this page, you will find four graphics. I created these graphics with advanced, responsive styling patterns with Tailwind CSS, including advanced conditionals, grid, flex box, and positioning patterns.

Cart Slider

Link: GhostBed Homepage

I had the privilege of implementing the cart slider! I added some styling touches, such as the hover states and transitional animations on the buttons on those components.

Personal Works

I started building a social media web app with Next.js, React, GraphQL, Tailwind, and the Lens Protocol.

Link: Lens Social App Source Code

I plan to add to this app in the near future. Here are a couple interesting features I want to implement.

  • Authentication
  • Ability for users to sort their own posts and display other users' posts based on number of likes, number of comments, and other parameters
  • Full test coverage

I added a new, fun project—a random dad jokes generator!

Some skills and concepts I demonstrate in this project include...

  • Fetching from a REST API
  • Error handling
  • React hooks
  • Advanced responsive styling with Tailwind CSS

I also added a synth app!

Link: Synth App

As a musician (mainly drums) and someone who loves music, creating this app was quite fun for me. I plan to build onto it in the future!

Some skills and concepts I demonstrate in this project include...

  • Relatively complex, user-interactive state management
  • Third-party components library integration

Features

Here are some features I added to this web app.

  • End-to-end test coverage with Cypress New!
  • Dark mode
  • Ability to subscribe to link styles context
  • Responsive navigation menu (mobile and desktop)
  • Highlighted active navigation menu item
  • Footer menu

Desired Features

Here are some features I want to add to this web app.

  • Public blog (with Markdown)
  • Login
  • Contact form
  • Welcome video
  • Analytics
  • Site map

Other Personal Works

Check out more of my open-source projects on GitHub.