CODING PROJECTS HIGHLIGHTS

East Bay Takeout

A map of take out locations available in the East Bay.

TECHNOLOGIES USED:

  • React
  • Redux
  • Mapbox GL

EAST BAY TAKEOUT is a site that maps restaurants open for business during the start of the 2020 COVID-19 shelter-in-place mandate. Search restaurant's by name or filter by cuisine type. This project was a collaboration between Matthew Lopez and Sharon Paz.

Mocked

Mockup of T-shirt with graphic image on chest.

TECHNOLOGIES USED:

  • jQuery UI
  • Python / Django
  • JavaScript

MOCKED is an application for users to layout their design ideas onto t-shirt templates before going to a screen-printer. A user can upload an image and add text to their design with the ability to adjust the sizing as well positioning of their design. Mocked is a solo project built with a responsive layout that works across desktop platforms and mobile devices.

Screenprint Breakdown

T-shirt design, next to one color of the print displayed

TECHNOLOGIES USED:

  • React
  • JavaScript
  • SCSS

SCREENPRINT BREAKDOWN is a visualizer that displays each color of an actual screenprinted design. Toggle each color to see what each layer will look like. The order that the buttons are pushed will affect how the colors are layered on the right side of the visualizer.

Travel Blog using Mapbox

Map of China, highlighting a turquoise river.

TECHNOLOGIES USED:

  • Mapbox.JS
  • GeoJSON
  • JavaScript

TRAVEL BLOG highlighting landmarks in China using Mapbox.JS, where users can click on map markers to find out fun facts on each destination based on geoJSON data.

React Portfolio

About page of portfolio site in a mobile view.

TECHNOLOGIES USED:

  • React
  • Next.js
  • Contentful CMS

REACT PORTFOLIO SITE, a refactor of this portfolio site built with React and the Next.js framework. All of the content and images are being stored through Contentful CMS, and then deployed using Vercel.