Full Stack Data Analytics Dashboard (Frontend)

Purpose

• Allow users to see how key user statistics for their website has changed over time

Features

• [to-add] Authentication
• [done] Datetime picker to select a date range
• [done] Select picker with filters (referrer, country, city etc)
• [done] Interactive Charts
• [done] Interactive Tables
• [deferred] Interactive Maps

Pages and Routes

• [done] / Main page (serves referrer, geography, and device_type pages)
• [done] /url URL page

Components

• [done] Header/Menu Section
• [done] Date and time range selector
• [done] Filters section with URL, Referrer, Device, Country, City options
• [done] Overall stats section with numbers, trend charts etc (both with and without referrer breakdown)
• [done] Summary table component
• [done] Aggregate treechart component
• [deferred] Heat map component (For now, just using a table. In future, can use https://github.com/zcreativelabs/react-simple-maps)
• [done] For individual URL pages, and engagement component with timespent, time breakdown, scroll breakdown etc

Hooks and Context

• [done] Value tracking for timerange, URL, referrer, device_type, country, city
• [done] Making URL requests and updating data

Local Storage

• [deferred] Use local storage to preserve state even if user opens links in new tab

Dependencies

• react
• antd (http://github.com/ant-design/ant-design)
• highcharts and highcharts-react (https://github.com/highcharts/highcharts-react)
• May replace highcharts with D3 or another alternative in the future