@modhamanish/rn-mm-template 1.0.1

package/MMTemplate/src/locales/en.json

@@ -0,0 +1,83 @@
+{
+  "common": {
+    "appName": "MMTemplate",
+    "welcome": "Welcome",
+    "logout": "Logout",
+    "cancel": "Cancel",
+    "confirm": "Confirm",
+    "save": "Save",
+    "edit": "Edit",
+    "delete": "Delete",
+    "back": "Back",
+    "next": "Next",
+    "done": "Done",
+    "loading": "Loading...",
+    "error": "Error",
+    "success": "Success",
+    "home": "Home",
+    "profile": "Profile"
+  },
+  "auth": {
+    "welcomeBack": "Welcome Back!",
+    "signInToContinue": "Sign in to continue",
+    "email": "Email",
+    "password": "Password",
+    "enterEmail": "Enter your email",
+    "enterPassword": "Enter your password",
+    "forgotPassword": "Forgot Password?",
+    "login": "Login",
+    "dontHaveAccount": "Don't have an account?",
+    "signUp": "Sign Up",
+    "invalidCredentials": "Invalid credentials",
+    "loginSuccessful": "Login successful",
+    "emailRequired": "Email is required",
+    "invalidEmail": "Invalid email address",
+    "passwordRequired": "Password is required",
+    "passwordMinLength": "Password must be at least 6 characters"
+  },
+  "profile": {
+    "profile": "Profile",
+    "accountInformation": "Account Information",
+    "name": "Name",
+    "email": "Email",
+    "logoutConfirmTitle": "Logout",
+    "logoutConfirmMessage": "Are you sure you want to logout?"
+  },
+  "home": {
+    "welcomeToTemplate": "Welcome to MMTemplate!",
+    "subtitle": "A modern React Native TypeScript boilerplate",
+    "quickStart": "Quick Start",
+    "quickStartDesc": "Get started with your new project in minutes:",
+    "projectStructure": "Project Structure",
+    "includedFeatures": "Included Features",
+    "bestPractices": "Best Practices",
+    "nextSteps": "Next Steps",
+    "happyCoding": "Happy Coding! 🚀",
+    "builtWith": "Built with ❤️ using MMTemplate",
+    "i18nSupport": "Internationalization",
+    "i18nDescription": "Multi-language support with react-i18next (English/Hindi)",
+    "themeDescription": "Light/Dark mode with persistence and toggle",
+    "authSupport": "Authentication Flow",
+    "authDescription": "Ready-to-use login, profile, and logout logic",
+    "storageSupport": "Fast Storage",
+    "storageDescription": "High-performance persistence with react-native-mmkv",
+    "localesDescription": "Translation files for multi-language support.",
+    "mockDescription": "Mock data for development and testing."
+  },
+  "settings": {
+    "settings": "Settings",
+    "customizeYourExperience": "Customize your experience",
+    "language": "Language",
+    "chooseYourPreferredLanguage": "Choose your preferred language",
+    "theme": "Theme",
+    "switchBetweenLightAndDark": "Switch between light and dark mode"
+  },
+  "welcome": {
+    "titleBold": "Welcome",
+    "titleText": " to",
+    "appName": "MM Template",
+    "subtitle": "A production-ready React Native boilerplate designed for high performance and developer productivity.",
+    "githubButton": "View on GitHub",
+    "loginButton": "Get Started"
+  }
+}

package/MMTemplate/src/locales/hi.json

@@ -0,0 +1,83 @@
+{
+  "common": {
+    "appName": "MMTemplate",
+    "welcome": "स्वागत है",
+    "logout": "लॉग आउट",
+    "cancel": "रद्द करें",
+    "confirm": "पुष्टि करें",
+    "save": "सहेजें",
+    "edit": "संपादित करें",
+    "delete": "हटाएं",
+    "back": "वापस",
+    "next": "आगे",
+    "done": "पूर्ण",
+    "loading": "लोड हो रहा है...",
+    "error": "त्रुटि",
+    "success": "सफलता",
+    "home": "होम",
+    "profile": "प्रोफ़ाइल"
+  },
+  "auth": {
+    "welcomeBack": "वापसी पर स्वागत है!",
+    "signInToContinue": "जारी रखने के लिए साइन इन करें",
+    "email": "ईमेल",
+    "password": "पासवर्ड",
+    "enterEmail": "अपना ईमेल दर्ज करें",
+    "enterPassword": "अपना पासवर्ड दर्ज करें",
+    "forgotPassword": "पासवर्ड भूल गए?",
+    "login": "लॉगिन",
+    "dontHaveAccount": "खाता नहीं है?",
+    "signUp": "साइन अप करें",
+    "invalidCredentials": "अमान्य क्रेडेंशियल",
+    "loginSuccessful": "लॉगिन सफल",
+    "emailRequired": "ईमेल आवश्यक है",
+    "invalidEmail": "अमान्य ईमेल पता",
+    "passwordRequired": "पासवर्ड आवश्यक है",
+    "passwordMinLength": "पासवर्ड कम से कम 6 अक्षर का होना चाहिए"
+  },
+  "profile": {
+    "profile": "प्रोफ़ाइल",
+    "accountInformation": "खाता जानकारी",
+    "name": "नाम",
+    "email": "ईमेल",
+    "logoutConfirmTitle": "लॉग आउट",
+    "logoutConfirmMessage": "क्या आप वाकई लॉग आउट करना चाहते हैं?"
+  },
+  "home": {
+    "welcomeToTemplate": "MMTemplate में आपका स्वागत है!",
+    "subtitle": "एक आधुनिक React Native TypeScript बॉयलरप्लेट",
+    "quickStart": "त्वरित शुरुआत",
+    "quickStartDesc": "कुछ ही मिनटों में अपने नए प्रोजेक्ट के साथ शुरुआत करें:",
+    "projectStructure": "प्रोजेक्ट संरचना",
+    "includedFeatures": "शामिल सुविधाएं",
+    "bestPractices": "सर्वोत्तम प्रथाएं",
+    "nextSteps": "अगले कदम",
+    "happyCoding": "खुश कोडिंग! 🚀",
+    "builtWith": "MMTemplate का उपयोग करके ❤️ के साथ बनाया गया",
+    "i18nSupport": "अंतर्राष्ट्रीयकरण",
+    "i18nDescription": "react-i18next (अंग्रेजी/हिंदी) के साथ बहु-भाषा समर्थन",
+    "themeDescription": "दृढ़ता और टॉगल के साथ लाइट/डार्क मोड",
+    "authSupport": "प्रमाणीकरण प्रवाह",
+    "authDescription": "लॉगिन, प्रोफाइल और लॉगआउट लॉजिक उपयोग के लिए तैयार",
+    "storageSupport": "तेज़ स्टोरेज",
+    "storageDescription": "react-native-mmkv के साथ उच्च प्रदर्शन दृढ़ता",
+    "localesDescription": "बहु-भाषा समर्थन के लिए अनुवाद फ़ाइलें।",
+    "mockDescription": "विकास और परीक्षण के लिए मॉक डेटा।"
+  },
+  "settings": {
+    "settings": "सेटिंग्स",
+    "customizeYourExperience": "अपने अनुभव को अनुकूलित करें",
+    "language": "भाषा",
+    "chooseYourPreferredLanguage": "अपनी पसंदीदा भाषा चुनें",
+    "theme": "थीम",
+    "switchBetweenLightAndDark": "लाइट और डार्क मोड के बीच स्विच करें"
+  },
+  "welcome": {
+    "titleBold": "स्वागत है",
+    "titleText": " ",
+    "appName": "MM Template में",
+    "subtitle": "एक प्रोडक्शन-रेडी React Native बॉयलरप्लेट जिसे उच्च प्रदर्शन और डेवलपर उत्पादकता के लिए डिज़ाइन किया गया है।",
+    "githubButton": "GitHub पर देखें",
+    "loginButton": "शुरू करें"
+  }
+}

package/MMTemplate/src/mock/index.ts

@@ -0,0 +1,5 @@
+export const userMockData = {
+  email: 'user@gmail.com',
+  password: '123456',
+  name: 'User Name',
+};

package/MMTemplate/src/navigation/AppNavigator.tsx

@@ -0,0 +1,45 @@
+import React, { FC } from 'react';
+import { NavigationContainer } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+
+import { RootStackParamList } from '../types/navigation.types';
+import { navigationRef } from '../utils/navigationUtils';
+
+import Routes from './routes';
+
+import AuthCheck from './AuthCheck';
+import AuthStack from './AuthStack';
+import AppStack from './AppStack';
+
+const Stack = createNativeStackNavigator<RootStackParamList>();
+
+const AppNavigator: FC = () => {
+  return (
+    <NavigationContainer ref={navigationRef}>
+      <Stack.Navigator
+        initialRouteName={Routes.AuthCheck}
+        screenOptions={{
+          headerShown: false,
+        }}
+      >
+        <Stack.Screen
+          options={{ animation: 'fade' }}
+          name={Routes.AuthCheck}
+          component={AuthCheck}
+        />
+        <Stack.Screen
+          options={{ animation: 'fade' }}
+          name={Routes.AuthStack}
+          component={AuthStack}
+        />
+        <Stack.Screen
+          options={{ animation: 'fade' }}
+          name={Routes.AppStack}
+          component={AppStack}
+        />
+      </Stack.Navigator>
+    </NavigationContainer>
+  );
+};
+
+export default AppNavigator;

package/MMTemplate/src/navigation/AppStack.tsx

@@ -0,0 +1,27 @@
+import React, { FC } from 'react';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+
+import Routes from './routes';
+import { AppStackParamList } from '../types/navigation.types';
+
+// Screens
+import MainTab from './MainTab';
+import SettingsScreen from '../screens/SettingsScreen';
+
+const Stack = createNativeStackNavigator<AppStackParamList>();
+
+const AppStack: FC = () => {
+  return (
+    <Stack.Navigator
+      initialRouteName={Routes.MainTab}
+      screenOptions={{
+        headerShown: false,
+      }}
+    >
+      <Stack.Screen name={Routes.MainTab} component={MainTab} />
+      <Stack.Screen name={Routes.SettingsScreen} component={SettingsScreen} />
+    </Stack.Navigator>
+  );
+};
+
+export default AppStack;

package/MMTemplate/src/navigation/AuthCheck.tsx

@@ -0,0 +1,50 @@
+import { StyleSheet, Image } from 'react-native';
+import React, { FC, useEffect } from 'react';
+import { useTheme } from '../context/ThemeContext';
+import { ThemeType } from '../theme/Colors';
+import { Images } from '../assets/images';
+import { resetAndNavigate } from '../utils/navigationUtils';
+import Routes from './routes';
+import FullScreenContainer from '../components/FullScreenContainer';
+import { mobileScreenHeight, mobileScreenWidth } from '../utils/utilsHelper';
+import { useAuth } from '../context/AuthContext';
+
+const AuthCheck: FC = () => {
+  const theme = useTheme();
+  const { isUserLoggedIn } = useAuth();
+  const styles = getStyles(theme);
+
+  useEffect(() => {
+    setTimeout(() => {
+      resetAndNavigate(isUserLoggedIn() ? Routes.AppStack : Routes.AuthStack);
+    }, 1500);
+  }, [isUserLoggedIn]);
+
+  return (
+    <FullScreenContainer
+      edges={[]}
+      style={styles.container}
+      statusBarHidden
+      barStyle="light-content"
+    >
+      <Image source={Images.logo} style={styles.logo} />
+    </FullScreenContainer>
+  );
+};
+
+export default AuthCheck;
+
+const getStyles = ({ colors }: ThemeType) =>
+  StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: colors.primary,
+    },
+    logo: {
+      alignSelf: 'center',
+      height: mobileScreenHeight,
+      width: mobileScreenWidth * 0.6,
+      resizeMode: 'contain',
+      tintColor: colors.white,
+    },
+  });

package/MMTemplate/src/navigation/AuthStack.tsx

@@ -0,0 +1,24 @@
+import React, { FC } from 'react';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import Routes from './routes';
+import { AuthStackParamList } from '../types/navigation.types';
+import WelcomeScreen from '../screens/WelcomeScreen';
+import LoginScreen from '../screens/LoginScreen';
+
+const Stack = createNativeStackNavigator<AuthStackParamList>();
+
+const AuthStack: FC = () => {
+  return (
+    <Stack.Navigator
+      initialRouteName={Routes.WelcomeScreen}
+      screenOptions={{
+        headerShown: false,
+      }}
+    >
+      <Stack.Screen name={Routes.WelcomeScreen} component={WelcomeScreen} />
+      <Stack.Screen name={Routes.LoginScreen} component={LoginScreen} />
+    </Stack.Navigator>
+  );
+};
+
+export default AuthStack;

package/MMTemplate/src/navigation/MainTab.tsx

@@ -0,0 +1,50 @@
+import React, { FC } from 'react';
+import { Text } from 'react-native';
+import { useTranslation } from 'react-i18next';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import Routes from './routes';
+import { MainTabParamList } from '../types/navigation.types';
+import HomeScreen from '../screens/HomeScreen';
+import ProfileScreen from '../screens/ProfileScreen';
+import { useTheme } from '../context/ThemeContext';
+
+const BottomTab = createBottomTabNavigator<MainTabParamList>();
+
+const MainTab: FC = () => {
+  const { t } = useTranslation();
+  const theme = useTheme();
+
+  return (
+    <BottomTab.Navigator
+      screenOptions={{
+        headerShown: false,
+        tabBarHideOnKeyboard: true,
+        tabBarStyle: {
+          backgroundColor: theme.colors.backgroundColor,
+          borderTopColor: theme.colors.textColor + '20',
+        },
+        tabBarActiveTintColor: theme.colors.primary,
+        tabBarInactiveTintColor: theme.colors.textColor + '80',
+      }}
+    >
+      <BottomTab.Screen
+        name={Routes.HomeScreen}
+        component={HomeScreen}
+        options={{
+          tabBarLabel: t('common.home'),
+          tabBarIcon: () => <Text>🏠</Text>,
+        }}
+      />
+      <BottomTab.Screen
+        name={Routes.ProfileScreen}
+        component={ProfileScreen}
+        options={{
+          tabBarLabel: t('common.profile'),
+          tabBarIcon: () => <Text>👤</Text>,
+        }}
+      />
+    </BottomTab.Navigator>
+  );
+};
+
+export default MainTab;

package/MMTemplate/src/navigation/routes.ts

@@ -0,0 +1,17 @@
+enum Routes {
+  AuthCheck = 'AuthCheck',
+  AuthStack = 'AuthStack',
+  AppStack = 'AppStack',
+  MainTab = 'MainTab',
+
+  // Auth Stack Screens
+  WelcomeScreen = 'WelcomeScreen',
+  LoginScreen = 'LoginScreen',
+
+  // App Stack Screens
+  HomeScreen = 'HomeScreen',
+  ProfileScreen = 'ProfileScreen',
+  SettingsScreen = 'SettingsScreen',
+}
+
+export default Routes;