Guess the rank of user submitted clips from Apex Legends, CSGO, League of Legends, and more!
A web-based game where players can pick their favourite game and guess the rank of user submitted footage. Players can only guess on each game daily. Account creation will allow them to submit their own footage for review. If accepted they will be featured in the game.
Follow these steps in order to get the website up and running locally on your machine.
Here's what you need to be able to run RankGuess.
- Node.js
- MySQL (recommended)
- Google Cloud OAuth Credentials
- Clone the repostiory:
https://github.com/LucasWinkler/rankguess.git
- Go to the root directory and install the dependencies:
cd rankguess
npm install
-
Set up your preferred database:
- Create a local or cloud based MySQL database
- I'm using Planetscale
- You can swap this out for other options if preferred
- Create a local or cloud based MySQL database
-
Create your environment variables:
- Duplicate the
.env.exampleand rename it to.env.local - Fill in all of the environment variables
- Duplicate the
-
Synchronize your Prisma Schema with your database and generate the Prisma Client:
migrateis not recommended for Planetscale
npm run db:push
- Seed the database:
npm run db:seed
- Start the development server:
npm run dev
- Heads up, the custom npm scripts in the
package.jsonthat usedotenvare required for local development
-
Host on your preferred platform.
- For simplicity I use:
- Website: Vercel
- Database: Planetscale
- For simplicity I use:
-
Set up your
.envfor your preferred platform following similar steps to development- You'll need to ensure the
NEXTAUTH_URLis set to your domain and notlocalhost:3000 - You'll also need to make sure that your Google Cloud Credentials include your domain instead of
localhost:3000
- You'll need to ensure the
-
Change the build command:
- This command will generate the Prisma Client, seed the database and generate an optimized build
npm run production:build
Inspired by various Guess The Rank styled games and daily games such as Wordle.
Distributed under the MIT License. See LICENSE for more information.