Ignite Shop Challenge
An e-commerce to sell customized t-shirts with the Stripe payment gateway.
Overview
Ignite Shop is an e-commerce platform designed to sell t-shirts using the Stripe API for payment processing. The project was built with Server-Side Rendering (SSR) and Static Site Generation (SSG) using React/NextJS. The platform allows users to add items to their cart, complete the purchase via the cart, and checkout using Stripe. The project was developed by a single individual, with the design provided by Rocktseat through Figma.
Features
- Integration with Stripe API for secure payment processing.
- Server-Side Rendering (SSR) and Static Site Generation (SSG) for efficient and optimized page loading.
- Styling using stitches and highly accessible components from Radix UI.
- Carousel functionality powered by embla-carousel-react.
- Ability to add products to the cart and view the total purchase amount.
- An organized file system structure with components, routes, and hooks.
Summary
Ignite Shop is a fully functional e-commerce platform built with React/NextJS and integrated with the Stripe API. It allows users to purchase t-shirts, add items to their cart, and complete the checkout process securely. The project demonstrates a strong understanding of SSR, SSG, React/NextJS, and various libraries and tools used for development. The codebase follows a structured file system layout and includes essential features for an e-commerce site.