From 81847a9188e90d1ddc9a637a56f8faee59787b99 Mon Sep 17 00:00:00 2001
From: mudabbir-ahmad <mudabbira.uk@gmail.com>
Date: Tue, 17 Mar 2026 21:00:52 +0000
Subject: [PATCH] Add game lobby, registration, and game type pages

---
 app/Screens/GameLobbyPage.jsx       | 15 ++++++++++++++
 app/Screens/GameTypePage.jsx        | 14 +++++++++++++
 app/Screens/JoinPrivateGamePage.jsx | 19 ++++++++++++++++++
 app/Screens/RegisterPage.jsx        | 31 +++++++++++++++++++++++++++++
 4 files changed, 79 insertions(+)
 create mode 100644 app/Screens/GameLobbyPage.jsx
 create mode 100644 app/Screens/GameTypePage.jsx
 create mode 100644 app/Screens/JoinPrivateGamePage.jsx
 create mode 100644 app/Screens/RegisterPage.jsx

diff --git a/app/Screens/GameLobbyPage.jsx b/app/Screens/GameLobbyPage.jsx
new file mode 100644
index 0000000..aa4a720
--- /dev/null
+++ b/app/Screens/GameLobbyPage.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import { View, Text, Button, TextInput } from 'react-native';
+
+const GameLobbyPage = () => {
+  return (
+    <View>
+      <Text>Game Lobby</Text>
+      <Button title="Create Team" onPress={() => {}} />
+      <Text>Join Team Code:</Text>
+      <TextInput placeholder="Enter Team Join Code" />
+    </View>
+  );
+};
+
+export default GameLobbyPage;
diff --git a/app/Screens/GameTypePage.jsx b/app/Screens/GameTypePage.jsx
new file mode 100644
index 0000000..10e839d
--- /dev/null
+++ b/app/Screens/GameTypePage.jsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import { View, Button } from 'react-native';
+
+const GameTypePage = () => {
+  return (
+    <View>
+      <Button title="Join Global Game" onPress={() => {}} />
+      <Button title="Join Private Game" onPress={() => {}} />
+      <Button title="Manage Private Game" onPress={() => {}} />
+    </View>
+  );
+};
+
+export default GameTypePage;
diff --git a/app/Screens/JoinPrivateGamePage.jsx b/app/Screens/JoinPrivateGamePage.jsx
new file mode 100644
index 0000000..8beee1b
--- /dev/null
+++ b/app/Screens/JoinPrivateGamePage.jsx
@@ -0,0 +1,19 @@
+import React, { useState } from 'react';
+import { View, TextInput, Button } from 'react-native';
+
+const JoinPrivateGamePage = () => {
+  const [joinCode, setJoinCode] = useState('');
+
+  const handleJoinGame = () => {
+    // Logic to check join code and redirect to game lobby
+  };
+
+  return (
+    <View>
+      <TextInput placeholder="Enter Join Code" value={joinCode} onChangeText={setJoinCode} />
+      <Button title="Join Game" onPress={handleJoinGame} />
+    </View>
+  );
+};
+
+export default JoinPrivateGamePage;
diff --git a/app/Screens/RegisterPage.jsx b/app/Screens/RegisterPage.jsx
new file mode 100644
index 0000000..bd5dbcd
--- /dev/null
+++ b/app/Screens/RegisterPage.jsx
@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import { View, Text, TextInput, Button, Picker } from 'react-native';
+
+const RegisterPage = () => {
+  const [username, setUsername] = useState('');
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [confirmPassword, setConfirmPassword] = useState('');
+  const [userType, setUserType] = useState('Individual');
+
+  const handleRegister = () => {
+    // Registration logic here
+  };
+
+  return (
+    <View>
+      <Text>Register</Text>
+      <TextInput placeholder="Username" value={username} onChangeText={setUsername} />
+      <TextInput placeholder="Email" value={email} onChangeText={setEmail} />
+      <TextInput placeholder="Password" value={password} onChangeText={setPassword} secureTextEntry />
+      <TextInput placeholder="Confirm Password" value={confirmPassword} onChangeText={setConfirmPassword} secureTextEntry />
+      <Picker selectedValue={userType} onValueChange={(itemValue) => setUserType(itemValue)}>
+        <Picker.Item label="Individual" value="Individual" />
+        <Picker.Item label="Business/School" value="Business/School" />
+      </Picker>
+      <Button title="Register" onPress={handleRegister} />
+    </View>
+  );
+};
+
+export default RegisterPage;