$1.$ Main Page $($before login$)$

The purpose of this page is to provide branding for your social

question$/$answer web application, and to show a list of the five most

recent questions along with a count for the number of answers posted to

each of these questions. The questions should be accompanied by the

screen name and avatar image of the user who posted them, and the

date$/$time they were posted. These questions are to be linked to the

Question Detail Page $($see below$).$ There must also be a form to allow the

user to enter their username and password to login$,$ and a link to the

Sign$-$up Page $($see below$).$

$2.$ Main Page $($after login$)$

This page will look the same as the Main Page $($before login$).$ However,

instead of providing a login form and a link to the Sign$-$up Page, it will

show the logged$-$in user$$s information $($screen name, avatar image$).$ It will

CS $215($Winter $2024)$: Assignment #$12$

also include a logout button$/$icon and a link to the Question Management

Page $($see below$).$ Instead of showing the five most recent questions, it

will show the $20$ most recent. To allow logged$-$in users to post a new

question, a link to Question Detail Page $($see below$)$ will be provided.

$3.$ Sign$-$up Page

This page will collect the information required for creating a new account

in your social question$/$answer web application. At the least, it must

collect an email address, screen name, date of birth, avatar

image$/$graphic$,$ and a password. The user will be asked to provide their

password in two separate fields, to ensure that it is entered properly.

$4.$ Question Management Page

This page will eventually be customized for each user. It will show a list

of the questions posted by the user, ordered by date$/$time of creation

$($most recent first$).$ Eventually, it will be loaded with content extracted

from the database; for now, it can be loaded with sample information to

illustrate the design.

Each question in the list will include the date$/$time the question was

created, the question itself, the list of answers posted by other users, and

a graphical representation of the number of up$-$votes and down$-$votes for

each answer. Each answer will be accompanied by the screen name and

avatar image of the user who provided it$,$ and the date$/$time it was

posted.

Because this page is intended to be customized for each logged in user,

the page must show the screen name and avatar of the user in a

prominent location. The details for how this information will be selected

will be handled in future assignments. For now, you can provide sample

data.

$5.$ Question Creation Page

This page contains the form that will be used to allow the logged$-$in user

to create a new question. It will have just one form field for the question

to be asked.

Eventually, you will write software to enforce character limits on the

question, and ensure that only logged$-$in users can create questions.

$6.$ Question Detail Page

This page will show the details for a specific question. Each of the

answers entered by users will be listed, with the ones with the highest

voting at to the top $($up$-$votes minus down$-$votes$).$ The format of the

information will be similar to the question management page $($e$.$g$.,$

question, list of answers, graphical representation of up$-$ and downvotes$)$