Bazaär

A web application engineered and designed to be an Amazon clone using React and Google Firebase.

Functionalities include:

• Full e-commerce functionality.
• Backend database with Firebase.
• Add + remove items from cart.
• User authentication and signup.
• Checkout page and payment processing with Stripe.
• Orders page that keeps track of previous payments.

This app was engineered to gain knowledge on using firebase in full stack applications and was a fun project to design overall.

What I Learned

• Created user authentication and payment processing.
• Created backend database using Google Firebase.
• Created cart functionality in which users can add/remove items from.
• Deploying and hosting with Google Firebase.
• Styled and designed web layout with CSS and Material-UI.

Demo

Check it out yourself by clicking here!

User Guide

Users can either use this application on their own accord and follow their own decisions or use this comprehensive guide:

Users can browse through the shop as is or sign up/in through the links in the navigation bar above.

After signing up/in, users can go back to the homepage and add items to their cart.

Users can then navigate to the cart located on the top right.

After making sure all the selected items are in the cart, users can proceed to checkout.

In checkout, users can use the following:

• Card Number: 4242 4242 4242 4242
• Date: 04/24
• CVC: 242
• Zip Code: 42424

After filling in your information, users can press 'buy now' to be redirected to the Orders page.

Enjoy the App :)

Sources

React documentation
Google Firebase documentation
Material-UI documentation