O’clock

Elegant online shop powered by Gatsby, Strapi and Stripe

Training Project | JS, React, Strapi, Stripe

See online
o'clock online shop screens

Animate everything!

This online store is characterized by an elegant and modern design. It is highly inspired by Awwwards websites, so you can see many animations such as smooth scroll, page transitions, and hover effects.

Shop page

Products are getting from Node CMS called Strapi. It allows the admin to create new products or edit existing ones, as well as check and manage orders.

Checkout

Users can add products to the cart and make an order by filling checkout form. Card payments are powered by Stripe. You can use one of the testing card numbers to see it in work.

product page
cart and checkout pages