Projects π©π½βπ»
Here are some of my highlighted side projects.
Winner Industrial Corporation (ReactJS, Prismic CMS)
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
- Prismic-powered content management system for updating website copies and product information
- Smooth-scrolling landing page with a section featuring carousels of product swatches and product applications
- Product catalog page leading to the different product pages
- Magnify-on-hover feature and color-switching for swatch photos
- Contact form submission to their sales email address
Links
Tip Calculator (AngularJS)
Motivated to learn Angular, using a Frontend Mentor challenge after following the quickstart tutorial tested what I learned about the framework's fundamentals.
Challenges
- Global/local state management
- Subscribing to input changes
- Handling forms π
Links
- Visit website β
- Medium article explaining my thought process: Learning Angular as a React Developer (feat. Frontend Mentor) β
- Frontend Mentor solution β (feedback is welcome)
- Github β
Prescribe Me Books (ReactJS/Gatsby, Airtable CMS)
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
- Simple Gatsby frontend with Context-managed state
- Components are Bulma-styled and customized
- Data is pulled from Airtable CMS via gatsby-source-airtable, with rich text formatted via gatsby-transformer-remark
- Quiz features 3 main paths, 20 total questions, and 41 possible book recommendations
Links
- Visit website β
- Medium article explaining my thought process: Designing the Quiz App Experience and Building It with Gatsby + Airtable β
- Github β