Skip to content

kalvinter/react-operator-hub

Repository files navigation

Automated Testing Depyloment

Welcome to the Grid

Step into the role of a reactor operator at the heart of the nation's power grid. Your mission? Keep the country powered up! But remember, it's all about balance: match the country's electricity demand without overloading the system.

Gameplay Essentials

  • More Fuel = Higher Heat: Increasing fuel levels boosts power but also heats up the reactor.
  • Monitor the Demand: Demand fluctuates! Events like other reactors going offline will be highlighted at the top of your screen.
  • Manage the Heat: If your reactor gets too hot, increase cooling levels to prevent overloading.

Features

  • Simple yet slightly addictive gameplay for quick sessions.
  • 20 unique events affecting power demand.
  • 11 challenging achievements.
  • Available in English and German.
  • Dark and light mode.

Coming Soon

  • Switching reactors for players who are looking for a challenge.
  • Additional themes for personalized gameplay.
  • Saving / Loading of individual sessions.
  • Even more events to challenge you!

Play the Game

Dive into the world of reactor management here: Play Operator-Hub or in Itch.io

The game is also available on Itch.io



About the Repository

As someone who's always been fascinated by the interactive nature and accessibility of browser games, I embarked on this project to delve deeper into React and create something both fun and educational. This game represents not just a learning curve, but also a passion for combining technology with entertainment. I sincerely hope you find as much joy and intrigue in playing it as I did in creating it.

Technology Stack

  • Vite
  • Vitest
  • React
  • React-Router
  • i18next
  • framer-motion
  • ChartJS
  • TailwindCSS

Continuous Integration and Deployment

GitHub Actions

This repository leverages GitHub Actions to ensures a high standard of code quality and seamless deployment:

  • Test Automation: Pushing code to the develop branch automatically triggers a series of tests, ensuring each feature meets our quality benchmarks.
  • Release Process: Merging changes from develop to main initiates the deployment pipeline. The main branch is automatically deployed to GitHub Pages, making the latest version of the game readily available to players.

Usage

# Clone the repository
git clone https://github.com/kalvinter/react-operator-hub.git

# Navigate to the project directory
cd react-operator-hub

# Install dependencies
npm install

# Start the vite development server
npm run dev

# Run tests
npm run test

# Identify issues with ESLint
npm run lint

# Build the project
npm run build