↓Skip to main content
Resources for the Modern Web Resources for the Modern Web
  1. All Posts/

Fashion-Store

eCommerce CSS

Fashion-store


About

This is an ecommerce web application built using react inorder too grasp deeper state management concepts

What’s in Store📐

  • User authentication and database implemented with google firebase
  • Used React-router for dynamic web navigation
  • Complex state management managed by Redux with memorized selectors
  • Used Redux-Persist and local storage for persistence
  • Implemented credit card payment with stripe
  • Asynchronous API request handled with Redux -saga
  • Mobile responsive supported
  • Invoice via emailJs
  • Dynamic notifications by Swal and Toastify
  • Dynamic Filtering ( Shop by categories)
  • Deployed on vercel

Project Structure🚀

The structure of the web app

  • assets- all common scripts and stylings (css), fonts used on the pages, theme scripts included in script.js file
  • src – all jsx files
  • components – all react components

Hosting

  • Vercel – continous delivery/ Automatically deploys app each time you commit to the master branch
  • Heroku – great option but abit slow

Getting Started with Create React App

This project was bootstrapped with Create React App.

Start

  • git clone the proect
  • npm install

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 the browser.
The page will reload if you make edits.
You will 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.

References

Inspiration ❤



↑