School project • Play🎮

Learn and become more familiar with Kongsberg in a fun and intuitive way!

Features ✨

• Fun
• Accounts
• Leaderboard
• Levels, Experience
• Geography Game
• Multiplayer (rough)
• Fast
• Responsive
• 2.5 GameModes (Geussr, Geussr PvP & Educational)
• Education

Setting up a Workspace

git clone https://github.com/joseph-gerald/KongsberGuessr.git
cd website

npm i
npm run dev

.env.local

// origin
NEXT_PUBLIC_ORIGIN="https://kbg.jooo.tech"

// public google api key ( restrictions: http refererer [e.g *.jooo.tech/*], apis [maps embed/javascript and streetview] )
NEXT_PUBLIC_GOOGLE_API_KEY=""

// private google api key ( restrictions: ip and geocoding api only )
PRIVATE_GOOGLE_API_KEY=""

// mongoDB URI
MONGODB_URI=""

Screenshots

Landing "/" unlogged in

Section 1 / Landing	Section 2 / Features	Section 3 / Registration / Login

Section 1 / Landing

Section 2 / Features

Section 3 / Registration / Login

Home/Dashboard "/" logged in

Landing	Play/Selection	Leaderboard

Landing

Play/Selection

Leaderboard

Multiplayer (actions)

Action Selection

Room Creator

Join Room

Game

Loading

In-game looking around	In-game selecting guess (hovering map)

Guess Submission

Game Over (SOLO)

Game PvP

Waiting Screen (for other players to complete)

Game Over (PvP)

Education Mode

Education Mode HUD

Game Over (Education Mode)