Skip to content

An increment or decrement component along with a reset button, usually can be seen in ecommerce websites while changing the order quantity

Notifications You must be signed in to change notification settings

CodingKiran/Counter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

E Commerce Counter

It is a E-Commerce component made with javascript. The uses case for this counter can be seen while increasing/decreasing the no.of orders for a product.

Link to project: https://codingkiran.github.io/Counter/

How It's Made:

Tech used: HTML, CSS, JavaScript. Heavylifting for this project is done through Javascript while the buttons are there for the user to interact with.

Optimizations

Instead of just creating the component without styling, I applied a background color and hover effects, color for the buttons to make it appealing to the eye.

Lessons Learned:

Even a simple counter app like this also requires you to think through the process and write some pseudo code to understand things better and write efficent code.

Examples:

Take a look at these couple examples that I have in my own portfolio:

Pranaam: https://github.com/CodingKiran/Pranaam-Media-Solutions

CodeWars: https://github.com/CodingKiran/CodeWars

Portfolio: https://github.com/CodingKiran/Portfolio

About

An increment or decrement component along with a reset button, usually can be seen in ecommerce websites while changing the order quantity

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published