Secret Hitler - SvelteKit Frontend

This project is the frontend for the Secret Hitler game, intended to be deployed to Firebase Hosting. It is written in SvelteKit and is designed to work with the backend, deployed to Firebase Functions.

Secret Hitler Firebase : https://github.com/touficbatache/SecretHitlerFirebase

Prerequisites

Before getting started, make sure you have the following installed:

• Node.js
• npm

Installation

git clone https://github.com/touficbatache/SecretHitlerSvelte.git
cd SecretHitlerSvelte
npm install

Firebase configuration

To configure the project, you need to set up the Firebase Functions and Firebase Hosting.

I - First, you will need to install the Firebase CLI using the following command:

npm install -g firebase-tools

Note: The -g flag installs a package (here Firebase CLI) globally, which allows you to call it from any command line on your local computer.

II - Then, you'll have to create a Firebase project with the following features turned on:

• Authentication
• AppCheck
• Functions
• Realtime Database
• Hosting

and login:

firebase login

III - Link the project you just created by running the following command:

npm run link --project=[PROJECTNAME]

This will create a .firebaserc file in the root directory of the project, which will contain the project name you just linked.

It will also create 3 .env files alongside the .firebaserc file:

• 1 .env file for the local environment
• 2 .env.<alias> files as:
  • .env.dev for the remote development environment
  • .env.prod for the remote production environment

IV - Set correct environment variables

Make sure to fill in the correct values for the environment variables in your .env.<alias> (.env.dev or .env.prod) files.

Run locally

To run the project locally, you need to set the correct environment variable values for development in .env.

Then execute the following command:

npm run dev

Deploy to dev/prod

To deploy the project to Firebase Hosting, you need to set the correct environment variable values for the development or production environment in .env.<alias> (.env.dev or .env.prod) respectively. They will automatically replace the .env values as per the Firebase Functions documentation.

Then execute the following command to deploy to the development environment:

npm run deploy:dev

or the following command to deploy to the production environment:

npm run deploy:prod