portfolio

Version 1.0 of Dry Peaks Sportswear's online store is soft launched and live so please buy a headband 😅 and check out the following features:

• Built with Gatsby, a frontend framework based on the opensource React library. Gatsby is a blazing-fast static site builder that comes out of the box with SEO and image handling. This UI stems from the Gatsby Shopify Starter
• Taking advantage of modern jamstack technology, the frontend is hosted by Netlify with CI/CD (Continuous Integration and Continuous Deployment) via Github commits
• Custom CMS (Content Management Studio) for blog content built with and hosted by Sanity.io
• GraphQL is implemented to traverse Gatsby, Shopify and Sanity APIs
• Headless Shopify provides the PIM (Product Information Management), check out, payment, and shipping features
• Original photography and graphic design enhanced by or created with Adobe Photoshop, Lightroom and Illustrator

There is no link to the GitHub repo because this is a private, commercial endeavor

Version 2.0 (not yet launched) of Dry Peaks Sportswear's online store presents the following features:

• Built with Remix, a full stack web framework based on the opensource React library. This UI is based on the Remix boilerplate from Crystallize
• The frontend is hosted by Fly.io
• Custom PIM (Product Information System), CMS (Content Management Studio) and DAM (Digital Asset Management) built with and hosted by Crystallize
• Tailwind CSS is implemented for CSS styling
• Customer login or guest checkout with payment services provided by Stripe
• Original photography and graphic design enhanced by or created with Adobe Photoshop, Lightroom and Illustrator

There is no link to the GitHub repo because this is a private, commercial endeavor

Version 3.0 of my personal website presents the following features:

• Custom website built with Gatsby, a frontend framework based on the opensource React library. Gatsby is a blazing-fast static site builder that comes out of the box with SEO and image handling
• Custom CMS (Content Management Studio) for blog content built with and hosted by Sanity.io
• GraphQL is implemented to traverse the Gatsby and Sanity APIs
• Sass, Styled Components, Typography.js, React Syntax Highlighter, and a custom responsive grid are implemented for CSS styling
• Light and dark "star" modes are implemented with context and state management via React hooks, and the useDarkMode plugin
• Testing created with Jest and accessbility audit performed with WAVE

Version 4.0 of my personal website presents the following features:

• Custom website built with Gatsby
• Taking advantage of modern jamstack technology, the frontend is hosted by Netlify with CI/CD (Continuous Integration and Continuous Deployment) via Github commits. Custom CMS (Content Management Studio) for blog content built with and hosted by Sanity.io Gatsby and Sanity APIs are traversed by GraphQL
• Sass, Styled Components, Typography.js, React Syntax Highlighter, and a custom responsive grid are implemented for CSS styling with a *mobile first* approach
• Pure React Carousel by Express (yes, the clothing company) is implemented for the testimonial carousel
• This website features self-designed original logo / branding, and original blog content. Artwork sourced from Flaticon

Completed the entire Master-Gatsby course from Wes Bos and this is the resulting demo.

Completed the entire Udemy React course from Maximilian Schwarzmueller and this is the resulting demo.