ricky-ho / omomo-clone

A full-stack ecommerce web application for boba milk tea inspired by Omomo Tea Shoppe. This repository only contains the frontend code.

Omomo Tea Shoppe Clone

View the application live at https://omomoteashoppeclone.netlify.app.

View the server/backend repository at https://github.com/ricky-ho/Omomo-Clone-Server.

Important Note

This project was inspired by https://www.omomoteashoppe.com/. All of the images and major designs were replicated from their official site. All copyrights go to OMOMO Tea Shoppe. This project is only for my personal educational purposes.

Description

This project is a full-stack ecommerce web application for boba milk tea. Users will be able to browse from a variety of beverages, modify the drink options & add-ons, and add, edit, or remove items from their shopping cart. A user's shopping cart is persisted between each visit by utilizing the browser's LocalStorage. All payment information is handled by Stripe. The application is fully-responsive and can be viewed on mobile, tablet, or desktop screen sizes.

How the application works

The flow chart shown below demonstrates how the application works and its overall internal logic.

Future Improvements

• Implement user accounts with order history
• Create and store sessions on the server to migrate all business logic into the server

Dependencies

• Stripe
  • @stripe/stripe-js
  • @stripe/react-stripe-js
• react-router-dom
• react-icons

Screenshots