clark newell

portfolio

Dry Peaks Homepage

An alternate custom version of Dry Peaks Sportswear's online store is being developed with React Remix and Crystallize API

Purpose

To drive the development of web, software, and eCommerce projects that deliver value to the customer and the community at large.

In the spirit of scrum and to focus resources on product development at this time, Dry Peaks Sportswear's website is currently a customized Shopify template. We are experimenting in the background with two custom alternatives. The first one is a Gatsby on React frontend using Shopify as a headless API and presents 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)
  • 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

A second alternate (not yet launched) of Dry Peaks Sportswear's online store is being developed with 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 full stack eCommerce app 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:

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.