Background

Our developed application is a web application for Poolerz, an organization that seeks to transform carpool planning, save time, and build a community among parents while keeping children safe on their journeys.

This application implements:

  • A straightforward, one-time registration for inputting scheduling information and availability.
  • A matchmaking algorithm to sort dependents into carpooling groups.
  • A calendar dashboard for viewing schedules and editing events.

The algorithm considers location proximity, scheduling compatibility, and personal preferences to create an optimal schedule for the user.

Our project is constructed using TypeScript, React, HTML, and CSS, ensuring a responsive and dynamic application across all platforms.

Document Summary

System Architecture

This section provides an overview of the static and dynamic structure of our system’s back-end, front-end, and database connection, highlighting interactions between layers and components.

  • The static diagram visualizes the program levels and their general relationships.
  • The dynamic diagram displays specific links between elements as they perform a given task.

Data Storage Design

This section describes:

  • The documented stored data in our database.
  • Security concerns addressed within our system.

A document-database diagram outlines relationships between three major entities in the application, and supporting JSON documents exemplify these entities and their attributes.

Component Design

This section provides an in-depth view of the system architecture, broken into thorough components:

  • A detailed static diagram depicts connections and interactions between the frontend, backend, and database layers.
  • A dynamic diagram illustrates the classes and methods interacting in real time as a user progresses through a flow.

UI Design

This section presents the central screens of our user interface.

  • Flows and frames are shown alongside heuristics and reasoning explaining design choices within the application.