/Ecommerce-store

This is an e-commerce project, a functional, responsive website created with React, Redux, and Firebase.

Primary LanguageJavaScript

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

This is an e-commerce project, a functional, responsive website created with React, Redux, and Firebase.

React & Redux:

Use Redux for state management.

Create reusable components.

Routing with React Router.

Redux Thunk for asynchronous actions like bringing Data from API to the App.

Redux Persist solves the problem of losing data when refreshing the page.

Firebase & Firestore

Sign-In workflow with Firebase (email, password).

Google Sign-in Authentification.

Storing User Data In Firestore.

Goals:

Retrieve data asynchronously from API

Display different collections, products and single product page

Add product to cart, change the quantity and delete from cart.

screencapture-serene-otter-e68728-netlify-app-2022-12-10-15_40_15 screencapture-serene-otter-e68728-netlify-app-2022-12-10-15_41_05 screencapture-serene-otter-e68728-netlify-app-checkout-2022-12-10-15_44_28 screencapture-serene-otter-e68728-netlify-app-products-13-2022-12-10-15_42_58 screencapture-serene-otter-e68728-netlify-app-products-13-2022-12-10-15_43_17 screencapture-serene-otter-e68728-netlify-app-signin-2022-12-10-15_43_37