router->router.js updated

frontend/src/router/router.js

 import React from 'react';
 import {NavigationContainer} from '@react-navigation/native';
 import {createNativeStackNavigator} from '@react-navigation/native-stack';
+import Colors from '../constants/Colors'
 
-import Home from '../screen/Home';
+import Home from '../screen/home';
 import Start from '../screen/Start';
 import Register from '../screen/auth/Register';
 import Login from '../screen/auth/Login';
@@ -15,6 +16,24 @@ import ReadActivity2 from '../screen/activity/readActivity2'
 import ColorResult from '../screen/result/ColorResult';;
 import PrimaryType from '../screen/activity/PrimaryType'
 import SecondaryType from '../screen/activity/SecondaryType'
+import ColorResult from '../screen/result/ColorResult';
+import PrimaryType from '../screen/activity/PrimaryType'
+import SecondaryType from '../screen/activity/SecondaryType'
+import GameList from '../screen/memory/GameList';
+import StartGameScreen from '../screen/memory/StartGameScreen'
+import GameScreenOne from '../screen/memory/elementry/GameScreenOne';
+import GameScreenOneAll from '../screen/memory/elementry/GameScreenOneAll';
+import GameScreenTwo from '../screen/memory/elementry/GameScreenTwo';
+import GameScreenTwoAll from '../screen/memory/elementry/GameScreenTwoAll';
+import GameScreenThree from '../screen/memory/elementry/GameScreenThree';
+import GameScreenThreeAll from '../screen/memory/elementry/GameScreenThreeAll';
+import GameScreenFour from '../screen/memory/elementry/GameScreenFour';
+import GameScreenFourAll from '../screen/memory/elementry/GameScreenFourAll'
+import GameScreenFive from '../screen/memory/elementry/GameScreenFive';
+import GameScreenFiveAll from '../screen/memory/elementry/GameScreenFiveAll'
+import GameScreenSix from '../screen/memory/elementry/GameScreenSix';
+import GameScreenSixAll from '../screen/memory/elementry/GameScreenSixAll'
+import GameOverScreen from '../screen/memory/GameOverScreen';
 
 const Stack = createNativeStackNavigator();
 
@@ -77,6 +96,96 @@ const AppRouter = () => {
           name="ColorResult"
           component={ColorResult}
         />
+        <Stack.Screen
+          name="GameList"
+          component={GameList}
+          options={{
+            headerShown: true,
+            title: 'Memory Games',
+            headerTintColor: 'white',
+            headerStyle: { backgroundColor: Colors.primary },
+          }}
+        />
+        <Stack.Screen
+          name="StartGameScreen"
+          component={StartGameScreen}
+          options={{
+            headerShown: true,
+            title: 'Game Start',
+            headerTintColor: 'white',
+            headerStyle: { backgroundColor: Colors.primary },
+          }}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenOne"
+          component={GameScreenOne}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenOneAll"
+          component={GameScreenOneAll}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenTwo"
+          component={GameScreenTwo}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenTwoAll"
+          component={GameScreenTwoAll}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenThree"
+          component={GameScreenThree}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenThreeAll"
+          component={GameScreenThreeAll}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenFour"
+          component={GameScreenFour}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenFourAll"
+          component={GameScreenFourAll}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenFive"
+          component={GameScreenFive}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenFiveAll"
+          component={GameScreenFiveAll}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenSix"
+          component={GameScreenSix}
+        />
+        <Stack.Screen
+          options={{headerShown: false}}
+          name="GameScreenSixAll"
+          component={GameScreenSixAll}
+        />
+        <Stack.Screen
+          name="GameOverScreen"
+          component={GameOverScreen}
+          options={{
+            headerShown: true ,
+            title: 'Game Over',
+            headerTintColor: 'white',
+            headerStyle: { backgroundColor: Colors.primary },
+           }}
+        />
         <Stack.Screen
           options={{headerShown: false}}
           name="PrimaryType"