Collaborated with PICA to elevate their online platform by implementing a modern shopping cart solution. Replacing the previous embedded iframe, I developed a reactive shopping cart using their ticket vendors' APIs. This integration seamlessly integrated CMS data with ticketing information, enhancing the user experience.

Revamped the calendar feature to provide users with an improved event browsing experience, promoting engagement and ease of use.

Resolved a critical bug causing past events to appear in the current event feed, ensuring accurate event listings and streamlining user interactions.

Complex Ticketing Vendor API Integration: 

Overcoming the significant challenge of working with the ticketing vendor's API, which presented complexities due to lacking documentation and a convoluted workflow. Navigating through the intricacies of multiple calls required to gather all necessary data for the shopping cart functionality demanded meticulous attention and thorough problem-solving.

  Dealing with the intricate process of collecting and presenting a comprehensive set of data for the shopping cart. Each step, involving numerous API calls, necessitated careful orchestration to ensure a seamless user experience while managing the complex behind-the-scenes interactions.

Portland Institute For Contemporary Art

PICA Shopping Cart 

Conceived and developed the Fast Quiz app during the COVID quarantine, enabling users to swiftly construct trivia games by integrating multiple open API endpoints. The app empowers users to share their custom-created games with friends and engage in real-time online competitions.

 Achieving synchronized presentation of the current question across multiple players' devices proved to be a significant challenge. Ensuring that all participants were on the same page while seamlessly progressing through the game required meticulous synchronization techniques.

 Crafting an intuitive user experience that facilitated smooth real-time gameplay without causing confusion posed an additional challenge. Balancing engaging gameplay dynamics with clarity in question presentation and response handling demanded careful design considerations.

Real-time Trivia Game Builder

Fast Quiz

Collaborated on a project with Theorem Inc. involving the redesign of the Portland Trail Blazers' web presence. Translated a provided Sketch design document into a responsive React application, employing Sass for styling.

 Overcoming challenges presented by the complexity of integrating the NBA API. The project's structure required numerous API calls, some involving multiple endpoints. The use of JSON with 2 and 3 letter keys added to the complexity, necessitating research to decipher their meanings and values.

 Dealing with endpoints returning data in the older JSONP format, incompatible with the standard JavaScript Fetch command. Overcoming this obstacle required extensive exploration of the API documentation and external resources.

A React based live stats page.

Portland Trail Blazers

Created an Agile Poker application designed to facilitate real-time collaboration for my remote development team during Zoom calls. The app enables contributors to vote on the size of development tickets, streamlining the estimation process.

Implementing real-time collaboration with synchronization across multiple contributors posed a challenge. Overcoming potential delays and ensuring accurate real-time updates required careful consideration of data synchronization techniques and optimizing the app's responsiveness.

Real-time Ticket Sizing Collaboration Tool

Agile Poker

Assumed responsibility for updating and maintaining the Arbor Lodge Neighborhood Association website. Addressed issues like menu bugs, enhancing user experience by creating new event views, including the community waste clean-up event. Collaborated closely with the communication lead to facilitate domain transfer and establish proper access controls on the repository.

Handling an existing website with multiple ongoing updates and ensuring seamless transitions while preserving data integrity posed a challenge. Collaboration with non-technical stakeholders required clear communication and efficient problem-solving to accommodate their specific needs.

Arbor Lodge Neighborhood Association

Arbor Lodge Community

Collaborated with the independently-owned Comic Cave comic shop in Portland, Oregon, to establish their online presence through a Shopify-based e-commerce platform. Gathered requirements, assisted in selecting Shopify as the ideal solution, and customized the platform to suit their unique needs.


Stable Local Development Environment for Shopify:

 Creating a consistent local development environment for Shopify posed a challenge. Despite familiarity with Ruby on Rails and Liquid templating, Shopify's tools for local development proved intricate, leading to unexpected results like image loading issues.

 Ensuring the client's smooth onboarding to Shopify required effective education on using the platform. Multiple Zoom calls were conducted to guide the client through the administrative console, enabling them to confidently manage product imports and site content updates.

 The distributor's unique approach of providing a JavaScript file for new release content presented a hurdle. Absence of an API required a creative solution. Importing and hiding generated content, followed by crafting a custom script to extract and style the data, ensured a cohesive experience.


Comic Cave Pdx Shopify Site

Comic Cave Store

Initiated a personal passion project aimed at enhancing the experience for parents seeking summer camps in the Portland, Oregon area. Recognizing the need for a more comprehensive and organized resource, the goal was to create a platform similar to Redfin or Zillow, tailored specifically for summer camps.

 Overcoming the challenge of non-uniform data for camp details, including varying information on prices, allowed ages, and camp specifics. Standardizing and consolidating these diverse data points proved to be a demanding task. 

 Curating accurate and up-to-date camp information required meticulous data collection and verification efforts. Ensuring that parents had reliable and consistent details for informed decisions presented its own set of challenges.



 Opting to separate actual camps from their providers to improve clarity and user experience introduced a significant organizational challenge. Balancing the presentation of individual camps against the backdrop of broader provider offerings required careful navigation.

Redfine style siite for summer camps

Portland Kid Camps

Conceived and developed the Word Cracker project during the COVID pandemic. Inspired by the popular game Wordle, the goal was to create a game clone with an innovative twist: no limits on individual gameplay attempts. Utilizing a publicly accessible English dictionary file, the project harnessed its words for gameplay.

Feel free to expand on this description with additional details about your approach, the technologies you used, and any insights you gained from developing this unique variation of the Wordle game.

Customizable Wordle Game Clone

Word Cracker

This site was created using NextJs and Sanity.io for the backend. It was created to be the home of a Portland based radio theater style podcast.

The largest hurdle was learning Sanity.io’s groq query system that they use instead of a RESTful API. Overall the documentation was effective and straightforward. I was able to get up and running with the tool within a day.

Podcast Site

Shark-Man The Podcast

Developed the kparty app to enable real-time collaboration among friends in creating a karaoke playlist sourced from YouTube videos. The app fosters a collaborative environment where users can collectively curate their karaoke experience. Additionally, users can play the playlist in presentation mode on another device for a seamless karaoke session.

 Overcoming the challenge of effectively managing the state of the selected playlist. The app required seamlessly transitioning between tasks like searching for songs, playing playlist videos, and switching between playlists. Juggling these tasks while maintaining user experience demanded a strategic approach to state management.

 Tackling the issue of switching between different sections of the app based on user actions. Implementing a mechanism that utilized URL parameters and forced page reloads to dynamically change what the user was presented with required creative problem-solving to maintain a smooth user journey.

Collaborative Karaoke Playlist App

kparty.club

This was a capstone project for my React course I took at Epicodus Coding Boot Camp. The idea for this site was a social network where users who garden can sign up for an account, search for a pod or group to join based on their neighborhood, and then review and post offers of extra produce they would like to trade.

This site was built with React, Redux, React-Router, Redux-firebase and Sass. One of the early obstacles for this site revolved around managing the login-state provided by Firebase, as the page would flash and behave erratically until a login-state was officially returned from Firebase. To combat this, I researched the redux-firebase library and discovered a hook that waits to render the page until the login credentials were received.