Journey into GSoC — Part 9

Omal Vindula
SCoRe Lab
Published in
2 min readAug 13, 2020

Last week, I implemented the admin panel dashboard partially. This week I have implemented the dashboard fully and some more…

Finished Admin Panel Dashboard

As seen in the above figure, now admin panel is complete and you can see that heat map in its all glory (sort of). Let me explain the components one-by-one. Dengue Heat Map shows the locations of all the ongoing dengue incidents in the country. You can sort them by provinces from the filter on the top right corner (I have selected Western Province). The heat map shows only the incidents verified by the admins. The heat map was created with the help of Leaflet maps library for ReactJS.

Incident Summary shows a breakdown of the number of incidents going on in each province. This will allow the admins to see which provinces are having more dengue cases.

Upcoming Events display the events organized by the Organizational Unit of that region which the admins belong to. Please note that it is not yet fully implemented as it is a task in the upcoming milestone as it is to be completed with the events component. For now, I have just added the UI components and some dummy events to display it.

Pending Incidents was implemented last week and you can read up on that from last week’s article.

You can also see that I have added a small timestamp which tells the last updated time for each component and with the functionality of refreshing the data for each component. So, the admins will have the latest information when they require.

That's it for this week. See you guys on the next week. Peace!

--

--