/React-Highcharts-Dashboard

🐾 A simple zoo monitoring app using React & Highcharts

Primary LanguageJavaScript

simplinnovation

Zoo Monitoring Dashboard

📁 Dependencies

  • React v16.13.1
  • Materal-UI v4.10.2
  • Highcharts.js v8.1.2
  • Highcharts React Official v3.0.0

🔍 Problem Statement

I own a small not-for-profit zoo that is privately managed and supported by society. Currently, I have problem on managing the zoo, as the data is in a mess and all over the place. To resolve the problem as well as provide transparency among the volunteers, I plan to create a simple monitoring dashboard for the zoo. The dashboard includes report for data such as animals’ health, food procurement, food consumption, and ticket selling.

⭐ Result

  • Screenshot 1 - Sick animal page

    screenshot1

  • Screenshot 2 - Food consumption (stacked column bar)

    screenshot1

  • Screenshot 3 - Food consumption (table)

    screenshot1

Lintang Wisesa 💌 lintangwisesa@ymail.com

Facebook | Twitter | LinkedIn | Youtube | :octocat: GitHub | Hackster