•	ANDROID_HOME
C:\Users\username\AppData\Local\Android\Sdk
•	JAVA_HOME
C:\Program Files\Java\jdk-23
•	Add to PATH
%LOCALAPPDATA%\Android\Sdk\platform-tools

Install Nodejs https://nodejs.org/en or use NVM if you have
Install JAVA JDK (21/23) https://www.oracle.com/java/technologies/downloads/#java23
Install Android Studio https://developer.android.com/studio 
Install Android Emulator (or can connect android device if you want to) should be atleast google os/ pixel related

# Powershell Config If Necessary
Set-ExecutionPolicy RemoteSigned
Set-ExecutionPolicy Unrestricted


# Use this to check if ANDROID_HOME and JAVA_HOME are properly set.
Get-ChildItem -Path Env:\

npx @react-native-community/cli init AwesomeProject --version 0.78.0

cd myapp
yarn && yarn start

yarn android

import React from 'react';
import { Text, View } from 'react-native';

export default () => {
    return (
        <View>
            <Text>Home</Text>
        </View>
    )
}

import React from 'react';
import { Text, View } from 'react-native';

export default () => {
    return (
        <View>
            <Text>Hellow Worlde</Text>
        </View>
    )
}

import App from './App';

export default () => {
    return <App/>
}

import * as React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

const MyStack = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="Home"
          component={HomeScreen}
          options={{title: 'Welcome'}}
        />
        <Stack.Screen name="Profile" component={ProfileScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};

yarn add react-native-screens react-native-safe-area-context 
#or
npm i react-native-screens react-native-safe-area-context 

yarn add @react-navigation/native @react-navigation/native-stack
# or
npm i @react-navigation/native @react-navigation/native-stack

import { useState } from 'react';

export default () => {
  const [pressed, setPressed] = useState(false);

  return { pressed, setPressed };
};

import React from 'react';
import { Text, View } from 'react-native';
import { TextInput,Button } from 'react-native-paper';
import useHook from './hook.js';

export default () => {
	const h = useHook();
	return (
	    <View>
          <Button icon="camera" mode="contained" onPress={() => h.setPressed(true)}>
                      Login
          </Button>
        </View>
    )
};

dependencies {
        classpath("com.google.gms:google-services:4.4.2") // Use the latest version
}
    
apply plugin: "com.google.gms.google-services"
    

apply plugin: "com.google.gms.google-services"

dependencies {
	implementation platform('com.google.firebase:firebase-bom:33.10.0')
    implementation 'com.google.firebase:firebase-analytics'
}

import React, { useEffect, useState } from 'react';
import { Text, View, FlatList } from 'react-native';
import { useNavigation } from '@react-navigation/native';
import database from '@react-native-firebase/database';

export default () => {
    const navigation = useNavigation();
    	
    const [todos, setTodos] = useState([]);
    
    useEffect(() => {
            const fetchData = async () => {
            try {
                const snapshot = await database().ref('/todos').once('value');
                if (snapshot.exists()) setTodos(snapshot.val());
            } catch (error) {
                console.error("Firebase Database Error:", error);
            }
            };
        
        fetchData();
    }, []);
    return (
        <View>
            <Text>Books</Text>
            <FlatList
                data={todos}
                renderItem={({item}) => <Text children={item.name}/>}
            />
        </View>
    )
}

https://rnfirebase.io/database/usage

# install packages
npm install @react-native-firebase/app @react-native-firebase/auth

# Modify Your RootStack
function RootStack({ user }) {
  return (
    <Stack.Navigator>
      {user ? (
        <Stack.Screen name="Main" component={BottomTabs} options={{ headerShown: false }} />
      ) : (
        <Stack.Screen name="Login" component={LoginScreen} options={{ headerShown: false }} />
      )}
    </Stack.Navigator>
  );
}

# pass the loggedin user
<RootStack user={user} />

# setup an default null user state
const [user, setUser] = useState(null);

# setup a useeffect to listen to state user logged in
  useEffect(() => {
    const unsubscribe = auth().onAuthStateChanged((user) => {
      setUser(user);
    });

    return () => unsubscribe();
  }, []);

import auth from '@react-native-firebase/auth';


# login method
await auth().signInWithEmailAndPassword(email, password);

# create user method
await auth().createUserWithEmailAndPassword(email, password);

# logout user method
await auth().signOut()

<application>
   <!-- You will only need to add this meta-data tag, but make sure it's a child of application -->
   <meta-data
     android:name="com.google.android.geo.API_KEY"
     android:value="Your Google maps API Key Here"/>
</application>

<application>
   <!-- You will only need to add this meta-data tag, but make sure it's a child of application -->
   <meta-data
     android:name="com.google.android.geo.API_KEY"
     android:value="Your Google maps API Key Here"/>
</application>

{markers.length && markers.map((marker, index) => (
                    <Marker
                    key={index}
                    coordinate={{latitude: marker.latitude, longitude: marker.longitude}}
                    title={marker.name}
                    description={marker.name}
                    />
                ))}

import database from '@react-native-firebase/database';


const [markers, setMarkers] = useState([]);
    useEffect(() => {
        const fetchData = async () => {
          try {
            const snapshot = await database().ref('/locations').once('value');
            if (snapshot.exists()) setMarkers(snapshot.val())
          } catch (error) {
            console.error("Firebase Database Error:", error);
          }
        };
        fetchData();
      }, []);

# Go to your project directory:
cd AwesomeProject

# Open Android folder and sync Gradle dependencies:
cd android
./gradlew clean
./gradlew assembleRelease

# After build completes, you’ll find the APK at:
android/app/build/outputs/apk/release/app-release.apk