This gaming application aims to simplify the process of finding a new game for gamers or people looking to get into gaming. It features a modern design and a random game generator that allows users to quickly discover new games. The application has four main pages, including a login page, a register page, a recommendation page, and a user page where users can save and like game suggestions. Users log in to save or like recommendations, and passwords are encrypted. The recommendation page displays one game at a time, and users can continuously view new games. This application is designed for ease of use and aims to help users spend more time gaming and less time deciding what to play.
- Joseph Pleasant, Keith Bates, Kimberly Marthias, Emma Lowery, Harrison Pena, Kevin McMahon
- This website uses HTML, CSS, JavaScript, SQL, nodeJS and EJS in terms of programming langauges. Additonally a PostgreSQL database and Docker Compose are used for the website's backend.
- In order to run the application, you must have Docker Compose installed.
- Change the docker-compose.yaml file web port from ‘3000:3000’ to ‘:3000’ and push your change to the repo.
- While connected to the campus internet, use ssh through your terminal of choice to connect to your private server. The command is:
ssh <YOUR_IDENTIKEY>@csci3308.int.colorado.edu
- Once the connection is established navigate to the directory you would like to have the deployment in.
- Install rootless-docker with the command:
dockerd-rootless-setuptool.sh install
- Now clone the DigitalDash repo with the command:
git clone [email protected]:dnerever/DigitalDash.git
- Change the permissions for your repo with two commands:
chmod 777 .
chmod 766 package-lock.json
- Add a .env within the gameroll/ directory.
- Create a Twitch API key which can be done by following IGDB’s guide (They explain it better than I could :)). Also here is IGDB’s guide that you must follow to get your bearer access token.
- Navigate to the gameroll/ directory:
cd gameroll/
- Now create a .env file:
touch .env
- Now that we have both our Client ID and Bearer Token we can enter those in our .env file using vim with the command:
vim .env
Vim file example:
# database credentials
POSTGRES_USER="postgres"
POSTGRES_PASSWORD="pwd"
POSTGRES_DB="gameroll_db"
SESSION_SECRET="super duper secret! Gameroll"
client_id="<YOUR_CLIENT_ID>"
authorization="Bearer <ACCESS_TOKEN>"
Now save your .env and close the vim editor. 11. Ensure you’re in gameroll/ and run:
docker-compose up -d
- Find the exposed ports with:
docker-compose ps
- Access the web server through a browser (Example: http://csci3308.int.colorado.edu:3000):
http://csci3308.int.colorado.edu:<YOUR_EXPOSED_DOCKER_WEB_PORT>
- Make sure you have docker compose installed.
- In a terminal of your choice navigate to your desired location for the repo.
- Once there clone the repo:
git clone [email protected]:dnerever/DigitalDash.git
- Navigate to the gameroll/ directory:
cd gameroll/
- Add a .env within the gameroll/ directory.
- Create a Twitch API key which can be done by following IGDB’s guide (They explain it better than I could :)).
- Also here is IGDB’s guide that you must follow to get your bearer access token.
- In the gameroll/ directory create a .env file:
touch .env- Enter both the Client ID and Bearer Token in our .env file using vim:
vim .enva.Example .env: ``` Vim file example: # database credentials POSTGRES_USER="postgres" POSTGRES_PASSWORD="pwd" POSTGRES_DB="gameroll_db" SESSION_SECRET="super duper secret! Gameroll" client_id="<YOUR_CLIENT_ID>" authorization="Bearer <ACCESS_TOKEN>" ```- Save the file and exit vim
- From the gameroll/ shutdown all other docker-compose containers:
docker-compose down -volumes
- Start docker-compose:
docker-compose up -d
- Wait until the API connection is secured (~5 seconds)
- Access the web app from a browser of your choice: localhost:3000
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent