π This project is related to the fundamentals of React Js, which the objective is practicing the main structure, working as the front-end application for an E-Commerce.
Table of contents
π©π»βπ» Project is created with:
- JSX
- React
- Styled Componentes
- Props
- React Hooks (UseState, UseEffect)
- Data flux
- Lists rendering
- localStorage
The Project has 3 great sections:
-
Home
- Showing a gallery with an array of product cards
- Showing card with properties of products
- Function to add card to cart
-
Cart
- Cart with array of products added
- Function to remove card from cart
- Total price of all products inside the cart
-
Filters
- Per min and max price
- Per name
- Price Sorting
- Node.js
- npm
- Clone this repository:
git clone https://github.com/marcela-celani/astrodev-store.git
- Install dependencies:
cd my-app
npm install
- Start the development server:
npm start
πDeploy Link