junagao/dog-breeds

Dogs Breeds Chart

This is a single page application to visualize the percentage of images for every breed from the Dog API in a pie-chart. The colors in the chart were generated in a spectrum of a rainbow based on the total number of breeds and the current index of each breed.

👀 Preview

🚀 Quick start

1. Download the project and cd into it:

   git clone git@github.com:junagao/dog-breeds.git
   cd dog-breeds

2. Install dependencies and run the application:

   yarn
   yarn dev

3. Open your browser and navigate to:

   http://localhost:8080/

📚 Tech Stack

• React 16
• Redux
  • Redux Dev Tools
  • Redux Thunk
• Webpack 4
• Babel 7
• Hot Module Replacement
• ESLint (airbnb styleguide)
• Prettier
• Husky
• lint-staged
• axios
• react-minimal-pie-chart
• react-tooltip
• Styled Components
• Jest
• React Testing Library

Author

Juliane Nagao - GitHub - LinkedIn

License

This project is licensed under the MIT License.