How We Implemented this Application

Components

Several components were developed, such as Text, Headers, Buttons, and more. These basic element components help to increase reusability and readability within the application. Additionally, several components were made up of these basic elements to build the actual application page, such as the Header Card along the top of the home page and others. By defining component elements, the application could be developed more efficiently and consistently, resulting in a cohesive final product.

Libraries and APIs

The Toast component within the application was heavily based upon the Notification Toast Custom Store from the Svelte Playground, which can be found here.

Additionally, some of the inspiration in developing the components derived from those developed in my group project two, such as the Button and Header component. The link to the project's GitHub repository can be found here.

Use of AI

Chat GPT was used throughout this project for simple debugging and boiler plate code implementation.

Data Infrastructure

This project did not include any global stores, as there is little data manipulation done throughout the redesign. Several images are used throughout the implementation, which are located in the lib/components/img directory. 

Demo Video