Ecommerce Web Application with Redux and Context Versions

React Ecommerce Application

Description

A full beauty ecommerce website application built from scratch.

Technologies

React
Redux
SASS
Bootstrap
Firebase

Live Link

https://oatts-ecommerce.netlify.app/

Data Flow

A user can shop for makeup and beauty products via shop link or showcase links.
On adding items to cart, the user can either login or create an account via email, google or continue shopping as a guest. This feature is enabled using firebase authentication.

Multiple users can access the site at thesame time a user can add and update items in the cart. This feature is enabled using firebase cloud firestore to store users information in the database.
User authentication, information and cart component state is managed using redux.
User can proceed to checkout and make payment using a credit or debit card with the implementation of stripe.

In Development

Payment integration using Stripe

Learning Process

Implementing redux to the project was the biggest challenge I faced and a learning process I took advantage of. The project helped with understanding how to manage complex state, when to use state, hooks or redux and how to build reusable components like search, buttons and input fields.

Credit

Images

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

`npm start`

`npm test`

`npm run build`

`npm run eject`

Download Details:

Author: ijeomaemeruwa

Demo: https://oatts-ecommerce.netlify.app/

Source Code: https://github.com/ijeomaemeruwa/react-oatts

#react #reactjs #javascript