Dry Peaks Sportswear 1.0
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
Dry Peaks Sportswear 2.0
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
clarknewell.tech 3.0
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
clarknewell.tech 4.0
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
Clark's Slices
Completed the entire Master-Gatsby course from Wes Bos and this is the resulting demo.
Max Hamburger
Completed the entire Udemy React course from Maximilian Schwarzmueller and this is the resulting demo.