Gamerz

A new way to find your next generation of gaming!

Table of Contents

• General Project Information
• Introduction
• Information
• Documentation
• Technologies

General Project Information

Title: Project 4 - Gamerz
Department: Computer Science

Name: Coby Schumitzky
Name: Jerahmeel Mendoza
Name: Thomas Powell
Name: Christine Li
Date: 12/16/2022

Course: Website Application Development
Section: CMSI 2021

Introduction

Have you ever felt burnt out of a game? A game that once brought you joy, now feeling empty.

That is where this website comes in, providing you with real-time updates and up-to-date reccomendations based on your favorite game. This website was built using a diverse tech stack based around the React Javascript framework. We also used firebase and firestore for its NoSQL (document-based) database and for its hosting capabilities.

This website aims to provide you with the spark that once highlighted your days and gave you a drive to get better or a relief from your everyday life. Get to gaming:

Information

This project was built using the React JS framework alongside React Router, CSS, and Firebase utilities to build this application. We used various components to build this website from the ground up!

We integrated Firebase and Firestore to help with the hosting but also to provide a document-based NoSQL database to keep track of user's liked games to provide a more interactive, personalized experience to end-users.

NOTE: See Documentation section for information on how to download and run locally or visit url provided above to explore the website.

Documentation

Show instructions for installation

First, Click Code on main repo page to get HTTPS or SSH url and then open personal terminal (for this demonstration we will use Mac terminal)

In your terminal (Mac Terminal as example):

1. Clone repo

  $ git clone {enter url here}

2. CD into folder

  $ cd gamedev

3. If using VSCode with adequate setup, otherwise skip:

  $ code .

NOTE: the API key was used in a .env file and was not added to the GitHub Repository for security purposes so you must make an API key with RAWGApi to run and ensure that it is setup using the requisite .env file.

---

Technologies

Project was created with:

• Node version: 19.1.0
• React version: 18.2.0
• React Router version: 6.4.4
• Firebase version: 9.14.0