GamePlatform

🌟 Explore the docs »
🐛 Report Bug . ✨ Request Feature

📖 Table of Contents

1. 📘 About The Project
2. 🚀 Getting Started
   • 📋 Prerequisites
   • 📋 Environment Configuration
   • ⚙️ Installation
   • 🛠️ Usage
3. 📷 Screenshots
4. 📦 Dependencies
5. 🤝 Contributing
6. 📞 Contact
7. 📌 Important Versions

📘 About The Project.

This project was developed using a monorepo structure with Lerna. GamePlatform is built with React Native and includes submodules such as the game Tombala (Bingo) , Fall Panic.

GamePlatform is a gaming platform that currently includes 2 games: Tombala. To get started, launch the server and log into the app. You can create or join a lobby, add friends using a barcode or code, and exchange private messages via WebSocket. Group messaging is also supported. Firebase cloud messaging integrated. It has been used in various places.

Once a lobby is created, the host can start the game, and all players will be navigated to the game screen. The first player to get Bingo wins the game.

The backend is developed using Express.js and handles real-time communication using WebSocket. All runtime data such as active lobbies, players, and game states are stored in MemoryStore, meaning the data is kept in memory during server uptime and is not persisted after restarts.

🔗 Check out the Tombala (Bingo) game on GitHub: Tombala GitHub Repository

🔗 Check out the Fall Panic game on GitHub: Fall Panic GitHub Repository

---

## 📷 Screenshots

---

📋 Prerequisites

Ensure you have the following software installed:

• Node.js (v22.14.0) 🟢
• Npm (v10.2.4 or later) or Yarn
• Jdk 17.0.12

📄 Environment Configuration

To run the server properly, create a .env file inside the server directory with the following structure:

SECRET_KEY=your_secret_key_here
SESSION_SECRET=your_session_secret_here
HMAC_SECRET=your_hmac_secret_here
REFRESH_SECRET_KEY=your_refresh_secret_key_here

//If you dont want to use reset password no need to change it
[email protected]
EMAIL_PASS=your_email_password

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

I have used two devices in Android Studio:

Medium Phone (API 36) Medium Tablet (API 36)

with NDK enabled.

⚙️ Installation

It is recommended to install the project in a directory close to the system root (e.g., C:\GamePlatform on Windows) to avoid potential issues with long file paths, especially on Windows.

1. Clone the repository:

   git clone https://github.com/FatihArslan-cmd/GamePlatform-Toyota32Bit.git

2. Navigate to the project directory:

   cd GamePlatform-Toyota32Bit

3. Navigate to the packages directory and clone the Bingo and Fall Panic submodule:

   cd packages
   git clone https://github.com/FatihArslan-cmd/Bingo.git
   git clone https://github.com/FatihArslan-cmd/Fall-Panic.git

4. Return to the root directory and install dependencies:

   yarn install

5. Go to packages\GameCenter\src\utils\baseUrl.js. Change export const baseURL. If testing on a physical device, set it to "x.x.x.x:3000" (replace x.x.x.x with your local IP); otherwise, set it to "10.0.2.2:3000".

6. To enable push notifications (Not mandatory):

Go to Firebase Console and select your project. Navigate to Project Settings > Service Accounts. Click “Generate new private key” to download the JSON file. Move the downloaded file into the server/firebase directory.

Open server/firebase/firebaseAdmin.js and update the const serviceAccount path to point to the JSON file you just added. Example:

 const serviceAccount = require("./your-firebase-adminsdk-file.json");

7. Start Server:

   cd server
   npm install
   node .\server.js

8. Start the project (First build may take a while):

   yarn gamecenter

---

🚨 Troubleshooting

react-native-reanimated Errors: If you encounter build errors or runtime issues specifically mentioning react-native-reanimated, try stopping the bundler (if it's running) and running the start command (yarn gamecenter) again. This can sometimes resolve caching or linking issues.

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

To contribute:

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

📦 Dependencies

"@notifee/react-native": "^9.1.8",
"@react-native-clipboard/clipboard": "^1.15.0",
"@react-native-community/datetimepicker": "^8.2.0",
"@react-native-community/netinfo": "^6.0.6",
"@react-native-firebase/app": "^21.7.2",
"@react-native-firebase/messaging": "^21.7.2",
"@react-native-masked-view/masked-view": "^0.3.2",
"@react-navigation/material-top-tabs": "^7.1.0",
"@react-navigation/native": "^7.0.14",
"@react-navigation/native-stack": "^7.2.0",
"@shopify/flash-list": "^1.7.2",
"@shopify/react-native-skia": "^1.7.6",
"axios": "^1.7.9",
"bingo": "file:../Bingo",
"fall-panic": "file:../Fall-Panic",
"i18next": "^24.2.3",
"lottie-react-native": "^7.1.0",
"react": "18.3.1",
"react-content-loader": "^7.0.2",
"react-i18next": "^15.4.1",
"react-native": "0.76.5",
"react-native-bootsplash": "^6.3.2",
"react-native-fast-image": "^8.6.3",
"react-native-gesture-handler": "^2.21.2",
"react-native-image-picker": "^8.0.0",
"react-native-linear-gradient": "^2.8.3",
"react-native-mmkv": "^3.2.0",
"react-native-pager-view": "^6.6.1",
"react-native-paper": "^5.12.5",
"react-native-qrcode-svg": "^6.3.14",
"react-native-reanimated": "^3.16.6",
"react-native-safe-area-context": "^5.0.0",
"react-native-screens": "^4.4.0",
"react-native-sound": "^0.11.2",
"react-native-svg": "^15.10.1",
"react-native-tts": "^4.1.1",
"react-native-vector-icons": "^10.2.0",
"react-native-vision-camera": "^4.6.3"

📌 Important Versions

"react-native": "0.76.5",
"node": v22.14.0
"npm": 10.9.2
"yarn": 1.22.22
"JDK": 17.0.10

---

📞 Contact

Fatih Arslan - Software Engineering Student - Fatih Arslan