Software Studio 2019 Spring Midterm Project

Notice

• Replace all [xxxx] to your answer

Topic

Project Name : [midtermproject-106034061(Forum)]

Key functions (add/delete)

1. [user page, post page, post list page, leave comment under any post]

User page
Post List Page Post Page

• Other functions (add/delete)

1. [public chatting]

2. [Game]

3. [Canvas]

Basic Components

Component	Score	Y/N
Membership Mechanism	20%	Y
GitLab Page	5%	Y
Database	15%	Y
RWD	15%	Y

|Topic Key Function|15%|Y|

Advanced Components

Component	Score	Y/N
Third-Party Sign In	2.5%	Y
Chrome Notification	5%	Y
Use CSS Animation	2.5%	Y
Security Report	5%	Y

Website Detail Description

作品網址：[https://midtermproject-106034061.firebaseapp.com/index.html]

Components Description :

1. [key function] : [You enter into the home when you go to the index.html, and you can see several topics, you can post “go check" to see postlistpage, then In "postlistpage", you can push"go check" to go to postpage, where you can leave your comments.]

2. [Membership Mechanism] : [You can't browse the postlistpage with no signning in. you can go to the "Account" to go to sign in page]

3. [firebase page] : [Deploy on firebase page]

4. [Database read/write]:[using "push"to push data and on to listen to alters]

5. [RWD]:[using bootstrap]

Other Functions Description(1~10%) :

1. [Canvas] : [I combine first assignment into my social website]

2. [Game] : [I add small game and do some alters(css/js), to it]

3. [Chatting Room] : [Add to small chatting room with no user detection]

4. [comments with html code detection(security)]:[avoid html code included.]

5. [like]:[push can get like value+1 to firebase database]

6. [Dislike]:[push can get dislike value+1 to firebase database]

7. [time]:[each post contain time value]

8. [comment delete]:[you can delete your own comment(user detection)]

Security Report (Optional)

1. [URL detection]:[In order to avoid malware included, I reject all other html URL inclusion.]
2. [comments with malware inclusion]:[avoid html code included.]
3. [html detection]:[detect html and clear ]