Skip to content

RodCato/Gamer-Vault-Frontend

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Super Nintendo game controller


Typing SVG of GamerVault

This application allows users to create an account and manage their list of video games. Users can browse available games, search and add games to their list, update game attributes, and delete games from their list. It also pulls data from the RAWG API.

Live Link: https://crod.co/gvs



INSTRUCTIONS

  1. Utilize the Browse or Search features to find games.
  2. Click the Sign Up button to create an account.
  3. Add games to your vault by selecting them, then clicking "Add" once user account is created.
  4. Create games to add to your list by using the "Add Game" button.
  5. Update your games title, genre, platform, or image via the Browse or Search features and "Update" button.
  6. Delete games from your vault via the Browse or Search features and “Delete” button.
  7. Sign in and out of your account to view and manage your updated list of games.


FEATURES

User authentication: Users can create an account and log in to access their personalized game list.

Game browsing: Users can browse a catalog of available games.

Text-based Search: Users can input the title of a game using the keyboard and instantly search the external API for matching results.

Voice-based Search: To make the search process even more convenient, we have integrated voice search functionality. Users can now initiate the voice search by clicking on a microphone icon or using a voice command like "Search game." The application will capture their spoken words and convert them into text using a reliable speech recognition system.

Add games: Users can add games from the catalog to their personal game list.

Create games: Users can create profiles of games to add to their personal game list.

Update games: Users can modify game attributes such as title, genre, platform, etc.

Delete games: Users can remove games from their list that they no longer want.



DEPENDENCIES

Yarn
React
React-DOM
Reactstrap
Devise
JWT
Gems



TESTING

Backend testing with RSpec for controller methods and validations
Frontend testing with React Testing Library for components and pages



RUNNING THE PROJECT

  1. Clone the Backend and Frontend Repos
  2. cd into the directory and run bundle on the backend
  3. Run db:setup to setup the database
  4. Run rails s to start your backend server
  5. cd into the directory and run yarn install on the frontend
  6. Run yarn add react-router-dom
  7. Run yarn start
  8. Visit http:https://localhost:3001 in your browser


CONTRIBUTORS

CATALINO RODRIGUEZ (C ROD) - Tech Lead
VANCE APOSTOL - Design Lead
JESSICA RICKS - Product / Project Manager




Releases

No releases published

Packages

 
 
 

Languages

  • JavaScript 84.0%
  • CSS 14.3%
  • HTML 1.7%