User Page - lawsonpeters12/Tech-Connect GitHub Wiki

User Page Creation

To establish the UserPage, a StatelessWidget class was crafted. It returned a scaffold displaying the title User Page with distinct coloring to distinguish it from other pages. The top section features an AppBar equipped with a back button when applicable, alongside a profile picture that functions as a navigation button. This button leads to an editing interface where users can modify their profile details, with changes stored locally in a .json file upon completion.

User Guide

Navigate to the User Page by selecting the user icon located at the bottom-left of the navigation bar.

Within this interface, users can view and edit their Picture, Name, Major, Email, Bio, and Friends. Clicking the profile picture directs users to the Edit Profile page.

In the Edit Profile page, users can modify their information and save changes using the designated button.

The updated user information is then saved and reflected on the main User Page.

To access the Student ID, tap the credit card button located at the top-right corner of the User Page, which will display the Student ID.

Features

Key features encompass displaying and editing student information, alongside the capability to save these alterations.

Logout

To log out, simply tap the logout icon positioned at the top-right of the page. This action will redirect users back to the Login page.

Mode Toggle

Switch between Tech and Dawg modes by tapping the slide toggle button adjacent to the logout icon at the top-right corner. This functionality seamlessly transitions between the two color schemes.

Student ID Access

Access the Student ID by tapping the credit card button located at the top-right of the User Page, which will reveal the Student ID interface.

Add Friend Button

To request adding someone to your friends list, locate the Add Friend button beneath your profile information and utilize this feature accordingly.