iMrMeowgi / MGMT-460-001

Video game where you can post what game you're playing, video/walkthrough content and create reviews.
GNU General Public License v3.0
0 stars 0 forks source link

Users should be able to browse games #7

Open iMrMeowgi opened 1 year ago

iMrMeowgi commented 1 year ago

Functional Requirement #3: Add the ability for users to browse games.

iMrMeowgi commented 1 year ago

Users will be able to browse other games from the catalog. image

iMrMeowgi commented 1 year ago

Created the "game browser" table by using the function

db.createCollection("gamebrowse")

into my 'gamedb' database.

Image

iMrMeowgi commented 1 year ago

image

Created entries to start the collection in the "gamebrowse" table.

Commands that were used is the db.gamebrowse.insertOne()

The initial command for Diablo is

db.gamebrowse.insertOne({"Game":"Diablo","Platform":"PC","Developer":"Blizzard Entertainment","Publisher":"Blizzard Entertainment","Genre":"Action Role-Playing","Year":"1997"})

Then I did the rest for the other games listed.

iMrMeowgi commented 1 year ago

image

Very similar to the add/delete user interface. Will create search function on top search bar to find and retrieve games that are currently listed.

iMrMeowgi commented 1 year ago

image

Executed database and tables from Mongodb to Visual Studio Code.

The UI that was most relevant to the database and table entry is the gamebrowse table because this collects all information from the games and information.

iMrMeowgi commented 1 year ago

image

'My Game Collection' is still in development.

Will possibly format text in 2 rows for each game that's created.

iMrMeowgi commented 1 year ago

Image

Improved aestitics on page. Aligned text layout to the center. Added 'back' button to direct back to index.html.

iMrMeowgi commented 1 year ago

Image

Changed font to Calibri. Added back button at bottom of the most recent entry in the Game Collection. Grouped ID number, title and platform in one line. Used sort() function to organize games that were added based on guestid.