Description
Today I added a sizes option in the checkout flow. Come find out how
Using Next/React, Mantine UI, SCSS, Zustand, Sripe, TypeScript & more
Want to support me? Feel free to order a surprise pair of socks at https://socksai.io
00:00 - 00:52 Hook
00:53 - 03:25 Intro & objective
03:26 - 15:26 Building the size atom & remembering the project structure
15:27 - 22:53 Expanding Sock, Bag store and form state to include size
22:54 - 33:41 Plugging & refining the new Chip atom into the SockConfigCard organism
33:42 - 44:25 Setting up store persist for cart rehydration on reload
44:26 - 48:32 Skeleton for loading animations
49:33 - 1:12:45 Mobile responsiveness
1:12:46 - 1:14:21 Trip Advisor
1:14:22 - 1:17:31 Finalizing mobile responsiveness
1:17:32 - 1:22:56 Stripe flow update
1:22:57 - 1:30:18 Receipt email update
1:30:19 - 1:33:12 Review of receipt
1:33:13 - 1:49:36 Sizes info modal
1:49:37 - 1:58:04 Lint, Commit, Deploy & Vibe