Logo

Transcendance

Transcendance is a website designed to play a custom game of pong with people online.

About The Project

Product Name Screen Shot

This project is about creating a website for the mighty Pong contest!

Users will be able to play Pong with others with a nice user interface and a chat!

Built With

  • Next
  • React
  • Docker
  • Konva
  • Adminer
  • sass

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

How to install

Be aware that as it stands, you can only connect to transcendance using 42API, which means adding your IP adress in the API from your 42 account. Start by add a .env file following the template below:

#URL
APP_BACK=http://localhost:4000/
FRONT_URL=http://localhost:3000

#42API
API42_UID=ExempleAPI
API42_SECRET=ExempleSecret
REDIRECT_URI=http://localhost:3000/

#PostGres
POSTGRES_HOST=PostgreSQL
POSTGRES_PORT=5432
POSTGRES_USER=DB_Username
POSTGRES_PASSWORD=DB_Password

#JWT
JWT_SECRET=secretKey

#TWO_FA
TWO_FACTOR_NAME=Trandancense

Install Docker, and launch the project with:

docker-compose up --build

Usage

The game is played as shown below.

You can move around with the arrow keys, pressing both at the same time makes you go up.

Game

You can also chat with other players, using the chat page shown below.

Chat

GitHub

View Github