This website was created as a self practice project. Scroll through the products and add or remove them from the cart! Try searching for products in the searchbar too!
- JavaScript
- CSS
- HTML
- Bootstrap
- React
After setting up this project locally, use this command to run it:
npm start
Scroll through the items organized on the page! Names and prices are also listed under a photo icon of each item.
Click the "Add to cart" button to add an item to your cart.
Find the "Cart" button at the top of the page to view items in your cart.
Congratulations! You just added a new item to your cart!
You are also free to add multiple items to the cart!
Click the remove item button under the item in the cart to remove that item from the cart.
The apple is now removed!
Find the searchbar at the top of the page. Type in any part of the name of a product to search for items. For example, a search for "annibale" would get the results:
Searches are not case sensitive.
To reset the search, simply press the "Search" button with the searchbar empty and all the products will be listed again!