hoooing / CSC207-Project

0 stars 1 forks source link

[Documentation] Each Views Description #23

Open justinyoon95 opened 11 months ago

justinyoon95 commented 11 months ago

[] initial: Initial is responsible for the first screen that appears as soon as the program is opened. The window will have two buttons, one for login (Button will say "Log in"), one for Creating ID (Button will say "Create ID".

[] login: This view will show after user clicks "Log in" button from initial view. This window consists of a box where users can input their Recovery Phrase (A set of 12 random words created during creation of an account), and a button below that says "log in".

[] signup: This view will show after user clicks "Create ID" button from initial view. When the program enters this view, the program is expected to generate an ID (long 'unique' serial code consisting of around 30 random letters & numbers) and a Recovery Phrase (A set of 12 random words used to log in) in the background. Then this window will display the unique ID and the Recovery Phrase for the user and will have two buttons below, 1: "Continue" which lets the user continue to the next step of user creation, 2: "Copy" which lets the user copy the unique ID into their clipboard. In this window, it is expected to inform the user to store the recovery phrase somewhere safe.

[] profile_setup: This view will show after the user clicks "Continue" from the signup view. This view will ask the user to input their desired username for the account. Preferably, profile picture selection may come into place as well to be implemented (Their initial letter can be the replacement for now if necessary). This window will also have a "Continue" button below, which the program lets the user know that the account has been created (by the pop-up window perhaps?), and brings them to the main lobby.

[] main: Now, this window is practically the main menu of the program. It will display the list of chats the user participates in (if the user has any), if not, it will preferably just display a text to inform users there is no chat. On the top of the window, there will be a "plus" symbol button that will be used to add friends and a "gear" symbol button that will be used for settings.

[] setting: In the settings, users can review their unique ID code, users will also have a choice of editing their name or their profile picture.

[] add_friend: In this window, the program will display a text box for users to input other users' unique ID to add them as a friend.