Simple SPA headless ecommerce application built with React
subtle-druid-e910a3.netlify.app
- Headless Commerce
- CSS
- Dynamic Styling
- React.js
- JSX
- Commerce.js / Chec SDK
- API driven
- State management with react hooks
- Deployed to Netlify from GitHub
- Responsive, interactive UI/UX design
- SPA (Single Page Application)
- Unsplash
Commerce.js provides a headless ecommerce backend allowing the utilization of frontend technology to deliver high-end content, API-driven experiences. Commercejs.com
Data used to instantiate commerce in this application is obtained from the Commerce.js public API key. Requests made using the Commerce.js SDK have responses that are returned asynchronously in a promise.
Netlify hosting infrastructure, continuous integration, and single workflow deployment pipeline (deploys from GitHub). Netlify.com
Interactive, component-driven UI created with React JavaScript library. Reactjs.org
Application built for multi-device compatibility. UI/UX goes beyond a mobile-first approach to ensure content is presented well on a variety of device/window/screen sizes, ensuring usability and satisfaction.
Conventional CSS style sheets chosen for styling due to the simplicity and size of the application. Create-React-App Webpack setup makes CSS style sheets a convient feature. CSS files are concatenated into a single minified .css file in build output during production. create-react-app.dev/docs/adding-a-stylesheet
Utilizes Unsplash API random image generation for hero image. Unsplash.com/developers