Vic-Han / Esports-Zone

Home Page:https://cpsc-481-project.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CPSC-481-Project

Insructions for using ESports Zone

IMPORTANT: Your screen must be set to 1920 x 1080 dispaly resoultion and 100% scale in your display settings in order to view the website properly

Logged out homepage Feel free look around and read anything you like. Every button is functional except for the ones at the footer (feedback, user agreement, privacy policy). Once you are ready to sign in you can either sign up and fill all the text boxes with whatever you want or you can log in with a pre created account If you would like to log in with a pre created account, click log in, type IamA10 for the username and KenBarbie21 for the password

Homepage You can scroll to see the entire design of the homepage. You can click on load more for the Esports news, suggested users, and sugested games to bring up more results. You can click like on any of the posts. And you can click on any of the posts, articles, users, or games to take you to the corresponding pages. You can use the Esports Zone logo on the left side of the navbar to return to the homepage whenever you like. The X button for every suggestion will remove that suggestion.

New Post Click on the "New Post" button in the navbar on the top of the screen to access this pop up. Within the pop up you must enter a title and text in the description in order to be able to succesfully create a post. You can add whatever title, description, images, or tags that you wish. When adding an image it will show up just as the title of the image, however when you preview the post the actual image will appear. You can save your draft which will allow you to close out the new post pop up, and when you click new post again the post will still be there. Once you've created a post you like you can click the "Preview and post" button which will bring you to the post preview, from there you can click either post button to post it. Once you've made a post, you can see it in the personal profile page.

Search Search by using the search bar in the navbar at the top. Our search is fully functional so feel free to search whatever you like, however since our database is pretty small, we recommend searching up something simple like just the letter "h" to see the full functionality with a lot of search results. From there you may click whichever result you like and be taken to the corresponding page.

Notifications You can reach the notifications page by clicking on the bell icon in the navbar on the top of the screen. This will bring you to a pop up with a list of three hard coded notifications that you can remove if you wish.

Game store page You can access the game store page by clicking the video game controller and shopping bag icon in the navbar on the top of the screen You can use the game store search bar to search specifically for games with a different search reults page than the regualr search bar. You can scroll through the new releases and the games on sale You can click any of the games to take you to that page

Expanded game page You can access this page by clicking on the title of any game anywhere in the website. We recommend clicking on or looking up Elden Ring since it is the most populated page You can click see reviews to bring up a list of reviews You can click on load more in the suggestions to show more suggested games You can click on any of the related games to take you to that page

Expanded post page You can access the expanded post page by clicking the title of any post anywhere on the website. You can press the like button for the post or for any of the comments You can click on load more in the suggestions to show more suggested posts You can click on any of the related posts to take you to that page

Expanded article page You can access the expanded article page by clicking the title of any article anywhere on the website. You can click on load more in the suggestions to show more suggested articles You can click on any of the related articles to take you to that page

Direct messages You can access the direct messages pop up by clicking the text bubble icon in the navbar at the top of the screen. There is only one funcitonal DM conversation so we recommend you follow this guide to using it Feel free to click on the messages and requests buttons to change between the two lists of conversations Click on the plus icon on the top left of the pop up to create a new DM conversation Click on Zaraki Kenpachi You can message Zaraki, however he only has one response so we recommend just sending one message thanking him for a fun gaming session for the conversation to seem normal.

Personal profile page You can access this page by clicking the profile picture button on the right of the navbar on the top of the screen You can click on Log out to take you back to the logged out homepage You can click on the followers or following buttons to see the list of your accounts followers or the accounts you follow You can click on any posts that you have made to take you to their expanded pages

Other profile page You can access this page by clicking on any of the usernames or full names for accounts from the posts, search, or recommendations This is largely the same as the personal profile page just without the log out button. You can click follow or unfollow to add or remove them from your following list You can click on any comments to view the post the comment was made on We recommend looking at Sally Williams' account to see the comment functionality and Leo Rodriguez's account fo the post functionality

About

https://cpsc-481-project.vercel.app


Languages

Language:JavaScript 69.8%Language:CSS 29.5%Language:HTML 0.7%