Skip to content

Investec-Developer-Community/ctf-dashboard

 
 

Repository files navigation

🚩 A Simple Capture The Flag Dashboard

Welcome to the simple leaderboard component of our Programmable Banking Card Capture the Flag Challenge! This is where you can see how you stack up against the competition.

Dashboard

Dependencies

  • You can edit the const answers variable in the TeamCard.jsx file with your specific answers

🌐 Overview

The leaderboard is a crucial part of our game, providing a real-time ranking of all participating teams. It's all about friendly competition and seeing who can solve the puzzles the fastest!

🛠️ How it Works

Each time a team captures a flag, their score is updated on the leaderboard. The faster you solve the puzzles, the higher you'll climb!

A team will submit their challenge or answers to the endpoint which will push them to the Firebase collection and then update the Dashboard

🚀 Getting Started

First, run the development server:

npm install
# then
npm run dev

Update the .env.example file to just .env and update with your own values from Firebase

Open http://localhost:3000 with your browser to see the result.

🍴 Fork the Repo

Want to see how the mock transactions are set up? Fork the repo on Postman here.

🤝 Contributing

We're always looking for ways to improve and expand the game. If you have any ideas or want to contribute, feel free to submit a pull request or open an issue. Let's make this game even better together!

📝 License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Happy gaming! 🎉

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 54.9%
  • TypeScript 21.4%
  • Dockerfile 11.1%
  • Shell 7.3%
  • CSS 5.3%