Info Page - lawsonpeters12/Tech-Connect GitHub Wiki

Table of Contents

  1. Introduction
  2. Creation
  3. User Guide
  4. Academic Calendar
  5. Chat Button

Introduction

Info Page contains the app logo, a scroll-able academic calendar, and an alerts page.

Creation

To create this page, a class for HomePage was created as a Stateless Widget and its scaffold was returned with simple text Info Page and color to differentiate the different pages. A Statefulwidget was used to have the HomePage update on its own. The dependencies http and html were used to take CSS data from the Louisiana Tech Calendar website. A widget for the Louisiana Academic calendar was created that is populated with the previous CSS data. The Calendar was made scroll-able and shows up to 9 events as of now. The page was stylized using Flutter's Container, Row, and Column objects. The tabs were made with the help of a TabBar, where the Academic Calendar and the Alerts are the children of the TabBar.

User Guide

To navigate to the Info Page, use the center info icon at the bottom.

image

You can then navigate to the Alerts tab by clicking the exclamation point icon at the top right of the page

image

Academic Calendar

Events are displayed as Event as the title, and Event Info as the subtitle. Scrolling down will show all of the Events listed

Alerts

As of now it is not populated with any data