Projects πŸ‘©πŸ½β€πŸ’»

Here are some of my highlighted side projects.

Winner Industrial Corporation (ReactJS, Prismic CMS)

A screenshot of a textile website β€” the landing page features a hand smoothing out what seems to be brown synthetic leather. The main text reads: 'Philippines’ Leading Manufacturer of Synthetic Leather'

Winner Industrial Corporation is a pioneer in the local synthetic leather industry. As part of their marketing and lead generation strategy, they reached out March 2021 to have their website revamped to improve website security and SEO performance.

Features

  1. Prismic-powered content management system for updating website copies and product information
  2. Smooth-scrolling landing page with a section featuring carousels of product swatches and product applications
  3. Product catalog page leading to the different product pages
  4. Magnify-on-hover feature and color-switching for swatch photos
  5. Contact form submission to their sales email address

Links


Tip Calculator (AngularJS)

A screenshot of a website with a form on the left side asking for the bill total, desired tip percentage, and number of people β€” so the tip and share per person can be calculated on the right side

Motivated to learn Angular, using a Frontend Mentor challenge after following the quickstart tutorial tested what I learned about the framework's fundamentals.

Challenges

  1. Global/local state management
  2. Subscribing to input changes
  3. Handling forms πŸ˜…

Links


Prescribe Me Books (ReactJS/Gatsby, Airtable CMS)

A screenshot of a book quiz website β€” the page features a form asking for the user's name, and their 'chief complaint' β€” a choice between Tired, Grief-stricken, and Lost in life

Taking the traditional medical consultation and giving it a bookworm twist, Prescribe Me Books β†— starts with the user presenting with a "chief complaint", which Dr Libby then probes about and eventually prescribes books for.

Features

  1. Simple Gatsby frontend with Context-managed state
  2. Components are Bulma-styled and customized
  3. Data is pulled from Airtable CMS via gatsby-source-airtable, with rich text formatted via gatsby-transformer-remark
  4. Quiz features 3 main paths, 20 total questions, and 41 possible book recommendations

Links


↑ Back to top
Β© Caye BorreoRSS