psrth / act-dashboard

a comprehensive dashboard for corporates to review employee donations to the ACT Grants fund

ACT Grants — Donor Dashboard

Deploys live at: ACT Grants Dashboard

About

This repository contains the codebase for the ACT Grants donor dashboard. The webapp uses React.js to display an overview and detailed list of donors from a particular organisation.

Features

1. Authentication — communicates with an API to authenticate and login users, saving the auth token in local storage.
2. Visualisation — renders information as an overview, through dynamic graphs, and by populating a table.
3. Download — allows users to download the information as a PDF report

Additional Information

• Uses React Hooks — useState (to update the API response), useEffect (to make GET requests to the API), useContext (to authenticate the user)
• Uses the Chakra UI library for the frontend UI components

To Do

• Single page view
• Add dark mode toggle
• Add signup, password reset, and double auth functionality

Project Setup

• run git clone https://github.com/psrth/act-dashboard.git to clone the repository
• run npm install to install dependencies
• run npm start to start local server
• view local deploy at localhost:3000

API Links

API: Click Here
API Documentation: Click Here