Question: Exercise 2 : Game Library Management System with Enhanced UI ( for G - P students ) Requirements: 1 . Express REST API: Develop an
Exercise : Game Library Management System with Enhanced UI for GP students
Requirements:
Express REST API:
Develop an Express REST API that supports CRUD operations for managing games and user collections.
Create the following models with their respective fields:
o Game Model:
title string: The title of the game.
genre string: The genre of the game.
platform string: The platforms on which the game can be played.
releaseYear number: The year the game was released.
developer string: The developer of the game.
rating number: The rating of the game.
description string: A description of the game.
o User Model:
username string: The username of the user.
password string: The password of the user.
games array of game IDs: The collection of games owned by the user. This field in the game model can be defined as: games: type: Schema.Types.ObjectId, ref: Game'
React Frontend:
Design a userfriendly UI using functional components, composition, and React Hooks.
Implement the following features for users:
o Register: Allow users to register an account with a unique username and password.
o Login: Provide a login form for users to access their game library.
o Add games: Allow users to add games to their collection by searching and selecting from the available games.
o Remove games: Enable users to remove games from their collection.
o Display game details: Show detailed information about each game in the user's collection.
o List all games: Display a list of all available games in the library.
Integrate three.js into the React UI:
o Incorporate three.js to enhance the UI of the game library management system.
o Utilize three.js features to create visually appealing elements such as D buttons, dynamic backgrounds, or animated transitions.
o Focus on incorporating simpler three.js elements that enhance the user experience.
MVC Architecture:
Apply the MVC principles to maintain a structured codebase.
Step by Step Solution
There are 3 Steps involved in it
1 Expert Approved Answer
Step: 1 Unlock
Question Has Been Solved by an Expert!
Get step-by-step solutions from verified subject matter experts
Step: 2 Unlock
Step: 3 Unlock
