Heart Clothing | E-commerce react app 👗 👖

Simple ecommerce react-redux js app with firebase and redux-saga.

LIVE DEMO - https://react-redux-ecom-neha.netlify.app/

This project was bootstrapped with Create React App.

Installation and running

In the project directory, you can run:

• npm install
• npm run start app wil be loaded on http://localhost:3000

Sample of Project

Snapshots of Project

product-overview

Shopping Cart

SignIn and SignUp

Payment using Stripe

Features

• Home, Products, Product Details, Cart, SignIn & SignUp with validation, Profile and Error pages
• State management with Redux
• Responsive design with Styled-components
• Add proucts to cart and see cart simultaneously
• Product Details page with image magnify
• Cart with increment, decrement and remove product abilities
• Local Login/Register with validation
• Login with Google OAuth, client side auth
• Firebase used for Oauth and database.
• Loading state with spinner with text or default spinner
• Full card Checkout with stripe

Libraries used

• React with Hooks, Redux, Redux Saga
• React with styled-components
• Axios, firebase

Microservices

• React-UI Service: Front-end client UI which displays data and makes API calls using Axios API.
• Common Data Service: Handles client request to provide common data such as product, filters, categories and order information, etc.
• Authentication Service: Creates user account and handles username/password authentication.
• Payment Service: Handles payment requests from the client and makes a subsequent request to Stripe API for money deduction.
• Search Suggestion Service: Provide default search suggestions and provides suggestions based on a prefix using Hashmap. The service creates the Hashmap based on available data from the database with various combinations and populates the map.

Contact

Feel free to reach me ->

• Email - nehaprajapati1150@gmail.com
• LinkedIn - https://linkedin.com/in/neha-prajapati-1150
• Twitter - https://twitter.com/NehaPra03810819