Included an image of program participants with a purple background, consistent with the organization's official colors of purple, green, and orange.

The front end and back end are protected with Auth0, a third-party authentication service. Auth0 uses AES-256 to encrypt data at rest and is ISO27018 certified, complying with security and privacy guidelines for managing PII.

Created custom dashboard components using the recharts library.
• Pie chart: Categorizes the programs by the number of students.
• Reusable card component: Used to display useful metrics such as percentages or numbers.

Line graph created using recharts, displaying the number of students enrolled over time, along with additional reusable card components.

Students, parents, programs, and families have a similar user interface, utilizing:
• Custom reusable table component: Displays useful information such as names and other relevant fields.
• Custom reusable Search bar: Helps in finding specific users.
• Custom reusable Side navigation bar: Facilitates easy navigation within the pages.

Students, parents, programs, and families have a similar user interface, utilizing:
• Custom reusable profile component: Displays relevant relationships, such as programs, parents, or children for the parent profile. Provides the flexibility of adding a parent to a specific student or adding a student to a particular program.

Collapsible headers provide useful information about the student, program, parent, or other entities.

Created a reusable modal component used throughout the web application.

Includes a reusable Delete component.