[CHEC-709] Add to cart animation & checkout loader

chec / commercejs-nextjs-demo-store

Commerce demo store built for the Jamstack. Built with Commerce.js, Next.js, and can be one-click deployed to Netlify. Includes product catalog, customer login, categories, variants, cart, checkout, payments (Stripe) order confirmation, and printable receipts.

https://commercejs-demo-store.netlify.app/

BSD 3-Clause "New" or "Revised" License

1.07k stars 206 forks source link

[CHEC-709] Add to cart animation & checkout loader #84

Closed jaepass closed 4 years ago

jaepass commented 4 years ago

Package updated to include react-lottie
Added lottie files for add to cart animation and order capture animation
Created components for both animations
Rendered add to cart animation in the header component
Rendered order capture animation in the checkout view
Added some alt attribute to get rid of errors

@john-raymon was a big help on implementing the add to cart animation

linear[bot] commented 4 years ago

CHEC-709 Add loading states to demo store

The demo stores (Netlify and Vercel) need: 1. A loading state at the checkout when an order is placed to signify that the order is being processed. 2. An animation or confirmation that a product has been added to cart

eufandem commented 4 years ago

Looks awesome, great work!

john-raymon commented 4 years ago

Nice ⚡️The updated cart animation looks good!

jaepass commented 4 years ago

Looks awesome, great work!

thanks for the sign off!

jaepass commented 4 years ago

Nice ⚡️The updated cart animation looks good!

thanks for your help john!