Skip to content

Toronto Waste Wizard made with ๐Ÿ’™ using TypeScript, React, Redux, Redux-Saga

Notifications You must be signed in to change notification settings

JKirkYuan/toronto-waste

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

31 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

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

About

Toronto Waste Wizard made with ๐Ÿ’™ using TypeScript, React, Redux, Redux-Saga

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published