Feature/catalog

.expo/README.md

@@ -0,0 +1,15 @@
+> Why do I have a folder named ".expo" in my project?
+
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+
+> What do the files contain?
+
+- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
+- "packager-info.json": contains port numbers and process PIDs that are used to serve the application to the mobile device/simulator.
+- "settings.json": contains the server configuration that is used to serve the application manifest.
+
+> Should I commit the ".expo" folder?
+
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

.expo/packager-info.json

@@ -0,0 +1,9 @@
+{
+  "expoServerPort": 19000,
+  "packagerPort": 19000,
+  "packagerPid": null,
+  "expoServerNgrokUrl": null,
+  "packagerNgrokUrl": null,
+  "ngrokPid": null,
+  "webpackServerPort": null
+}

.expo/settings.json

@@ -0,0 +1,10 @@
+{
+  "hostType": "lan",
+  "lanType": "ip",
+  "dev": true,
+  "minify": false,
+  "urlRandomness": null,
+  "https": false,
+  "scheme": null,
+  "devClient": false
+}

App.js

@@ -1,20 +1,30 @@
-import { StatusBar } from 'expo-status-bar';
-import { StyleSheet, Text, View } from 'react-native';
-
+import * as React from 'react';
+//Third Party Packages
+import { NavigationContainer } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { Provider } from 'react-redux';
+import {createStore, combineReducers, applyMiddleware} from "redux";
+import thunk from "redux-thunk";
+//redux State
+import InitialState from "./src/redux/reducer";
+//Screen Imports
+import Dashboard from "./src/screens/dashboard/dashboard";
+import ContactScreen from "./src/screens/contact/contactScreen";
+import CatalogScreen from './src/screens/catalog/catalogList';
+import CatalogDetails from './src/screens/catalog/catalogDetails';
+const Stack = createNativeStackNavigator();
+const reducer = createStore(combineReducers({data:InitialState}), applyMiddleware(thunk));
 export default function App() {
   return (
-    <View style={styles.container}>
-      <Text>Open up App.js to start working on your app!</Text>
-      <StatusBar style="auto" />
-    </View>
+    <Provider store={reducer}>
+      <NavigationContainer>
+        <Stack.Navigator>
+          <Stack.Screen name="DashboardScreen" options={{ title: "Pokemon App" }} component={Dashboard} />
+          <Stack.Screen name="ContactScreen" options={{ title: "Contact Us" }} component={ContactScreen} />
+          <Stack.Screen name="CatalogScreen" options={{ title: "Catalogs" }} component={CatalogScreen} />
+          <Stack.Screen name="CatalogDetailsScreen" options={{ title: "Pokemon Details" }} component={CatalogDetails} />
+        </Stack.Navigator>
+      </NavigationContainer>
+    </Provider>
   );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
+}

my-info.json

@@ -0,0 +1,7 @@
+{
+    "favorite_colors": ["blue","green","red"],
+    "country": "United Arab Emirates",
+    "population": 3400000,
+    "visit_within_5years": true,
+    "favorite_foods": ["Biryani", "Mutton Curry With Rice", "Butter Chicken"]
+}