Skip to content

minikala is a React project in which you can add products to your shopping cart, increase or decrease its number, and also delete them, and all these changes are dynamically updated in all sections.

Notifications You must be signed in to change notification settings

mersad-Bxtrue/MiniKala-ReactApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML CSS JS React NPM Webpack

About The Project

🔆 MiniKala is my first React project, in which I focused on State Management in adding products to the shopping cart, increasing or decreasing the number of products, and as a result, updating simultaneously with changes in other components in a completely dynamic manner. 😍

Application Demo

Forkify preview

Features

  • Add products to cart.
  • Increase or decrease the number of products in the shopping cart.
  • The price of each product changes by increasing or decreasing its quantity.
  • Display the total price of all the products in the shopping cart.
  • The ability to clear the shopping cart with one click.

Built With

  • HTML
  • CSS
  • JavaScript
  • React.Js
  • Webpack
  • NPM

Installation

  1. Clone the repo
    git clone https://github.com/mersad-Bxtrue/MiniKala-ReactApp.git
  2. Go to project folder
    cd MiniKala-ReactApp
  3. Install NPM packages
    npm install
  4. Run start script
    npm start

Final word

  • I built this project as my first React project with my current knowledge in 8 hours and faced various challenges, each one was instructive for me, and i trying to understand the working process of JSX, props, state, component and hooks.

About

minikala is a React project in which you can add products to your shopping cart, increase or decrease its number, and also delete them, and all these changes are dynamically updated in all sections.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published