https://github.com/adenugbamichael/kia-clothing

An ecommerce site for grocery👕🥼👟👠 purchase with stripe payment💵 integration and firebase as database storage.
https://github.com/adenugbamichael/kia-clothing

firebase graphql mongodb reactjs sass

Last synced: 2 months ago
JSON representation

An ecommerce site for grocery👕🥼👟👠 purchase with stripe payment💵 integration and firebase as database storage.

• Host: GitHub
• URL: https://github.com/adenugbamichael/kia-clothing
• Owner: adenugbamichael
• Created: 2022-07-13T10:49:03.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-08-02T10:14:10.000Z (almost 3 years ago)
• Last Synced: 2025-01-24T21:32:06.259Z (4 months ago)
• Topics: firebase, graphql, mongodb, reactjs, sass
• Language: JavaScript
• Homepage:
• Size: 1.13 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Screenshot 2022-07-28 at 14-21-10 React App](https://user-images.githubusercontent.com/57706905/182349548-b355632b-5830-437b-a7a0-76941095af01.png)

Demo Site: https://kia-cloth.netlify.app/

Documentation

#Initialize project using Create React App

#Broken the homepage into smaller components, finished styling the menu-item component

#update the menu-items to navigate useNavigate react Hooks

#updating the app with a shop page, collection preview component and collection item component

#adding header component and links to home, shop page and contact

#integrated firebase into application, created sign in page with sign in component and sign in with google

#implemented firebase utils, included ability to store authenticated users into the firestore database

#finishing sign in handleSubmit method

#added reducer and implemented userReducer and userActions to header and app 

component

#updating the app to navigate to home if user is signed in

#added cartIcon and cartDropdown components to the application, also implemented cart reducer

#updated shop data with new data, updated cart utils to group items in cart reducer

#created cart-item component and connected the cart dropdown with cartItems reducer

#updating the application with reselect, replaced cart selectors with memorized selectors

#Added checkout page, checkout item and updated cart to use selectors from

reselect

#added addItem and removeItem functionality to checkout component

#moved the directory and shop data into its own reducer, created respective selectors and updated corresponding components with new ux flow for director/shop