Stein Store is an e-commerce web application that allows users to browse a variety of products.

01 Homepage

The store's tagline and featured products are displayed on the homepage. Click on the Clothing, Accessories, Electronics, and Kitchenware tabs to sort through the products.

02 Product Screen

This page shows information about a specific product that the user has selected, in this case a wireless stereo gaming headset.

03 Checkout Screen

The user is prompted to enter billing information, which is then sent to the Flutterwave payment gateway. Flutterwave was chosen because its JavaScript SDK was simple to use and supported mobile money payment, which is popular in my country.

Web Stack

Html

CSS

Javascript

Firebase

Flutterwave

This project was, without a doubt, challenging. Adding the functionality to remove items from the cart was the part that gave me the most trouble. Applying a filter method to the cart items worked after a series of Google searches.