Calcetopía is a website that allows you to buy the most fun and colorful socks online. It not only lets you view all the products the store offers but also filter socks by different categories or even by products that are on sale.
Each product has a detail page where you can see, in addition to the pictures, a short description and the available sizes. At the bottom of this page, there is a similar products section in case you need any additional help to find your favorite sock.
It has a favorites section where you can save the socks you liked the most and, of course, it is dynamic. You can remove them or go directly to the product details to see them up close and add them to your cart.
And, as it should be for an online store, it has a shopping cart where you can add all the products you want. At the top of the screen, there is an icon from which you can always see how many products you have in the cart.
Thanks to integration with Stripe, Calcetopía has a fictitious but very realistic payment gateway where you can even place an order with fake purchase data.
And last but not least, you can also find a Frequently Asked Questions section where you can find information, such as the fake purchase data you can use in the payment gateway or other minor details about the website, like the discount code.
Front: TailwindCSS, Shadcn, NextJs, Typescript, Stripe
Back: MySQL, Typescript