Initial commit

index.js

@@ -3,7 +3,8 @@
  */
 
 import { AppRegistry } from 'react-native';
-import App from './App';
+
 import { name as appName } from './app.json';
+import App from './src/App';
 
 AppRegistry.registerComponent(appName, () => App);

package.json

@@ -10,9 +10,23 @@
     "test": "jest"
   },
   "dependencies": {
+    "@react-native-async-storage/async-storage": "^2.2.0",
+    "@react-native/new-app-screen": "0.80.0",
+    "@react-navigation/elements": "^2.5.2",
+    "@react-navigation/native": "^7.1.14",
+    "@react-navigation/native-stack": "^7.3.21",
+    "@reduxjs/toolkit": "^2.8.2",
+    "axios": "^1.10.0",
     "react": "19.1.0",
     "react-native": "0.80.0",
-    "@react-native/new-app-screen": "0.80.0"
+    "react-native-chart-kit": "^6.12.0",
+    "react-native-element-dropdown": "^2.12.4",
+    "react-native-otp-textinput": "^1.1.7",
+    "react-native-safe-area-context": "^5.5.0",
+    "react-native-screens": "^4.11.1",
+    "react-native-sqlite-storage": "^6.0.1",
+    "react-native-svg": "^15.12.0",
+    "react-native-vector-icons": "^10.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
@@ -37,4 +51,4 @@
   "engines": {
     "node": ">=18"
   }
-}
+}

src/App.js

@@ -0,0 +1,12 @@
+import { View, Text } from 'react-native'
+import React from 'react'
+
+const App = () => {
+    return (
+        <View style={{flex:1 , justifyContent:'center',alignItems:'center'}}>
+            <Text>App</Text>
+        </View>
+    )
+}
+
+export default App

src/components/CustomButton.js

@@ -0,0 +1,13 @@
+import { View, Text, Pressable } from 'react-native';
+
+const CustomButton = ({title,style,textstyle,onPress}) => {
+    return (
+        <Pressable onPress={onPress}>
+            <View style={{ paddingHorizontal: 20, paddingVertical: 12, ...style }}>
+                <Text style={{ textAlign: 'center', ...textstyle }}>{title}</Text>
+            </View>
+        </Pressable>
+    );
+};
+
+export default CustomButton;

src/constants/ColorsArray.js

@@ -0,0 +1,8 @@
+// colors.js
+export const colors = [
+  { bgColor: '#eddeb8', textColor: '#0c8fa5' },
+  { bgColor: '#dcf2ee', textColor: '#f39a19' },
+  { bgColor: '#eebdc3', textColor: '#ff5f5f' },
+  { bgColor: '#d1c4e9', textColor: '#6A1B9A' },
+  { bgColor: '#ffe0b2', textColor: '#EF6C00' },
+];

src/constants/IconGenerator.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import AntDesign from 'react-native-vector-icons/AntDesign';
+import Entypo from 'react-native-vector-icons/Entypo';
+import EvilIcons from 'react-native-vector-icons/EvilIcons';
+import Feather from 'react-native-vector-icons/Feather';
+import FontAwesome from 'react-native-vector-icons/FontAwesome';
+import Fontisto from 'react-native-vector-icons/Fontisto';
+import Foundation from 'react-native-vector-icons/Foundation';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+import Octicons from 'react-native-vector-icons/Octicons';
+import Zocial from 'react-native-vector-icons/Zocial';
+import SimpleLineIcons from 'react-native-vector-icons/SimpleLineIcons';
+import { GlobalTheme } from 'src/theme';
+
+function CustomIcon({
+  iconLibrary,
+  icon,
+  size = 22,
+  color = GlobalTheme.colors.primary,
+  style = {},
+  ...rest
+}) {
+  let Icon = AntDesign;
+
+  switch (iconLibrary) {
+    case 'AntDesign':
+      Icon = AntDesign;
+      break;
+    case 'Entypo':
+      Icon = Entypo;
+      break;
+    case 'EvilIcons':
+      Icon = EvilIcons;
+      break;
+    case 'Feather':
+      Icon = Feather;
+      break;
+    case 'FontAwesome':
+      Icon = FontAwesome;
+      break;
+    case 'Fontisto':
+      Icon = Fontisto;
+      break;
+    case 'Foundation':
+      Icon = Foundation;
+      break;
+    case 'Ionicons':
+      Icon = Ionicons;
+      break;
+    case 'MaterialIcons':
+      Icon = MaterialIcons;
+      break;
+    case 'MaterialCommunityIcons':
+      Icon = MaterialCommunityIcons;
+      break;
+    case 'Octicons':
+      Icon = Octicons;
+      break;
+    case 'Zocial':
+      Icon = Zocial;
+      break;
+    case 'SimpleLineIcons':
+      Icon = SimpleLineIcons;
+      break;
+    default:
+      Icon = AntDesign;
+  }
+
+  return <Icon name={icon} size={size} style={style} color={color} {...rest} />;
+}
+
+export default CustomIcon;

src/constants/Images.js

@@ -0,0 +1,11 @@
+const IMAGES = {
+    AppLogo: require('../assets/Icons/appIcon.png'),
+    filterIcon: require('../assets/Icons/filter.png'),
+    menuIcon: require('../assets/Icons/menu.png'),
+    pluscircleIcon: require('../assets/Icons/pluscircle.png'),
+    rightArrowIcon: require('../assets/Icons/rightarrow.png'),
+    crossIcon: require('../assets/Icons/cross.png'),
+
+};
+
+export default IMAGES;

src/theme/index.js

@@ -0,0 +1,3 @@
+import GlobalTheme from './theme';
+
+export {GlobalTheme, metrics};

src/theme/theme.js

@@ -0,0 +1,65 @@
+const GlobalTheme = {
+  colors: {
+    // Primary Colors
+    primary: '#113F8C', // Main color for buttons, headers
+    secondary: '#4472BE', 
+    text: '#333333', // Text color for most content
+    lightblue:'#EAF1FF',
+    lightblueborder:'#C6DBFF24',
+
+    // Additional Colors
+    success: '#4caf50', // Success or positive action color
+    yellow: '#FFD661', // Warning or alert color
+    error: '#ff5252', // Error or negative action color
+    info: '#2196f3', // Information color
+
+    // Grayscale
+    white: '#ffffff',
+    lightGray: '#F1F1F1',
+    gray: '#cccccc',
+    darkGray: '#555555',
+    black: '#000000',
+  },
+  typography: {
+    // Define typography styles here (e.g., font family, sizes, line heights, etc.)
+    fontFamily: 'Regular',
+    fontSize: {
+      xsmall: 12,
+      small: 16,
+      medium: 18,
+      large: 20,
+    },
+    fontWeight: {
+      regular: '400',
+      medium: '500',
+      bold: '700',
+    },
+  },
+  spacing: {
+    // Define spacing units (e.g., margin and padding) for consistent layout
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+  },
+  borderRadius: {
+    // Define border radius values for consistent UI elements
+    sm: 5,
+    md: 10,
+    lg: 15,
+    lgg: 20,
+    xlg: 25,
+  },
+  // Add other global theme properties as needed
+};
+
+export default GlobalTheme;
+
+export const shadow = {
+  shadowColor: '#00000014',
+  shadowOffset: {width: 5, height: 5},
+  shadowOpacity: 0.8,
+  shadowRadius: 10,
+  elevation: 20,
+};

src/utilis/MyStatusBar.js

@@ -0,0 +1,20 @@
+import {SafeAreaView, StatusBar} from 'react-native';
+import React from 'react';
+import {GlobalTheme} from '../theme';
+
+const MyStatusBar = () => {
+  return (
+    <SafeAreaView
+      style={{
+        backgroundColor: GlobalTheme.colors.black,
+      }}>
+      <StatusBar
+        translucent={false}
+        backgroundColor={GlobalTheme.colors.black}
+        barStyle={'light-content'}
+      />
+    </SafeAreaView>
+  );
+};
+
+export default MyStatusBar;