/toronto-waste

Toronto Waste Wizard made with 💙 using TypeScript, React, Redux, Redux-Saga

Primary LanguageTypeScript

Waste Wizard 🔮

Have you ever wondered what kind waste items go where? Let's find out together by searching the items up in the Toronto Waste Wizard database

Hosted on GitHub Pages ➡️ https://jkirkyuan.github.io/toronto-waste/

  • Favorites get saved to localStorage but is throttled by 1s! Try not to refresh too fast ⚡

Getting Started

  • First, we need to install our dependencies. A quick yarn install should do the trick ✨
  • To start the app you can run yarn run start

Dependencies

  • React: When the criteria mentioned rendering a list, I knew React was the way to go ❤️
  • TypeScript: Makes the code easier to read, beneficial for you and me
  • Redux: React is always good with a little state management
  • Redux-Saga: Async actions, needed for dispatching an action to fetch data from the API and storing it in the store
  • styled-components: Makes these components pretty 💅
  • axios: I use this to make my API request

This project was bootstrapped with Create React App.

Special shoutout to my mentor at work. Angelo, best mentor in the world, taught me lots and applied some of his teachings in this project