Development

Created an interactive online plant store using React.

Motivation

Jumping into this project, I wanted to become more familiar with JavaScript functions I have never used before such as filter() and sort(). I also wanted to try using the React Component system.

To become more familiar, my goal was to implement these functionalities for my plant store:

  • At least 2 filtering categories
  • At least 1 sorting feature
  • Combinations of sorting/filtering working together
  • Ways to add and remove items
  • An aggregator Component showing the items and aggregated value (the total price)

I was able to accomplish all of these goals, and then some!

Going forward, my goal is to create a second website with the same functionalities but using an API so that is has a real-life use case.

Check out the final product here->

Takeaways

  • Learned new JavaScript functions
  • Used React to develop a website
  • Used Components to organize page content