Skip to content

wblachut/react-project-shopping_cart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SomeGemShop - web minerals store

Find a hidden gem in my repositories!

PROJECT: SHOPPING CART

Project is a part of The Odin Project JavaScript learning curriculum. To learn more open the TOP assignment.

Description

Well, even tho I am learning web development, there will still be some place for geology in my heart... So I decided that the Shopping Cart project will be a page for mineral shop. This project is a React App with functional components. All products are stored in json filed called minerals - with all the necessary information. From there I use JSX to display all what this online shop can offer. If you add something to cart, React Hooks will handle letting know the app and will take care of displaying your items. What else? To switch between pages React Router concept was implemented.

Concepts used and learned:

  • React Functional Components
  • Hooks
  • React Router
  • Passing the props with router

Tools:

  • Visual Studio Code
  • Javascript
  • React
  • CSS3
  • ESLint
  • Prettier

Some concepts to apply in future:

  • on Homepage: hide navbar and logo, change githubIcon and navLinks color
  • use reduce function to sum up total (eg. from fun-fun-functions functional programming)
  • make transition in Cart on delete item
  • change isHome flag to locate.pathname (eg. use withRouter HOC)