Flowerheads

mello displayed on a laptop

Project Overview

What is it?

Flowerheads is a fully responsive, modern full-stack e-commerce app built with React, React Context API, Next.js, Stripe, and Sanity. It offers a complete e-commerce experience, featuring product browsing, a smooth shopping cart, and a fully integrated Stripe payment processing system.

What was the objective?

To build and deploy a fully responsive full stack e-commerce application with payments functionality, a modern design, animations, the ability to easily add and edit products on the go using a headless CMS, and a fully integrated payment processing interface such as Stripe.

Which tools were used?

Client-side: React
Server-side: Next.js
Payment Processing: Stripe
Headless CMS: Sanity
Development Environment: Node.js
Hosting: Vercel
case study tool logos

Key Features

Users are able to:

reviewing the cart
The UI

Reviewing the products in the cart.

Stripe payment UI
Stripe payment gateway

Paying securely with Stripe's fully intergrated payment processing interface.

More Features

The app owners are able to:

Sanity studio UI
Sanity Studio

The app owner can easily add and modify their e-commerce products through the headless CMS, Sanity Studio. This allows for seamless updates and management of product details, prices, and images in real-time.

responsive design
Responsive design

The application has been responsively designed for desktops, tablets, and mobiles. Demo the app here.

image of the code
Github

Explore the full source code of the project on GitHub by following this link. You'll find the complete repository allowing you to better understand the implementation and functionality.