added windows installation steps to use expo with android studios

added description to images

added formatting fixes

added formatting fixes

added formatting fixes

fixed typo

src/docs/docs/tools-and-technologies/react-native.md

@@ -25,19 +25,43 @@ pnpm start
 
 ![Deployment options](../../static/img/metro_bundler_deploy_options.png)
 
-Testing on `iOS` requires `macOS` and [Xcode](https://developer.apple.com/xcode/).
-On the other hand, [Android Studio](https://developer.android.com/studio?gclid=Cj0KCQiAuvOPBhDXARIsAKzLQ8HSP0n1tojsRjsEZhT2cWmUrps8u4oND0eAONViZsf9rqMk2gFpc_waAtJOEALw_wcB&gclsrc=aw.ds) provides virtual `Android` machine for testing purposes. Learn how to set up [Android Studio](https://docs.expo.dev/workflow/android-studio-emulator/) and [xCode](https://docs.expo.dev/workflow/ios-simulator/) properly for development.
-
 In `Metro Bundler`, you can choose to generate a `QR` code with the `tunnel` connection to have the app running on your physical device.
 
 ![Tunnel deploy options](../../static/img/tunnel_deploy_option.png)
 
 :::note
 
-For `macOS` more [configuration](https://docs.expo.dev/workflow/android-studio-emulator/) is needed if you want to use `Android Studio` to test the application
+For `macOS` more [configuration](https://docs.expo.dev/workflow/android-studio-emulator/) is needed if you want to use `Android Studio` to test the application.
 
 :::
 
+### XCode
+
+Testing on `iOS` requires `macOS` and [Xcode](https://developer.apple.com/xcode/). Learn how to set up [xCode](https://docs.expo.dev/workflow/ios-simulator/) properly for development.
+
+### Android Studio
+
+On the other hand, [Android Studio](https://developer.android.com/studio?gclid=Cj0KCQiAuvOPBhDXARIsAKzLQ8HSP0n1tojsRjsEZhT2cWmUrps8u4oND0eAONViZsf9rqMk2gFpc_waAtJOEALw_wcB&gclsrc=aw.ds) provides virtual `Android` machine for testing purposes. Learn how to set up [Android Studio](https://docs.expo.dev/workflow/android-studio-emulator/).
+
+##### Windows Installation
+
+1. [Download Android Studio](https://developer.android.com/studio) using the standard options.
+2. Once you open up Android Studio, navigate to File > Settings.
+3. Under Appearance & Behaviour, expand System Settings and select Android SDK. From here, select SDK Tools. Install one of the SDK Packages.
+   ![SDK Tools](https://i.imgur.com/OXOXFj0.png)
+4. Before hitting apply or OK, note down the Android SDK Location.
+5. Right click your Windows Icon, and select System. Under About you can see the `advanced system settings`, select Advanced and then Environment Variables(as seen below).
+
+   ![Advanced System Settings](https://i.imgur.com/Gdjh1Ix.png)
+
+6. Create a new system variable named `ANDROID_SDK` and set the value to the path you copied in step 4.
+   ![Create system variable](https://i.imgur.com/0H6N2Ns.png)
+7. Open up Android Studio, and select the top right icon for **Device Manager**. Select Create a device (any device will do that is Android 11+).
+   ![Device Manager in Android Studio](https://i.imgur.com/aT6Mr1U.png)
+8. Click the "play" button next to the new device you just created. This will open up your virtual android device.
+9. When you go back to the repository, you can now type "a" after running the Metro Bundler, which will then launch the React Native App in the emulator you just created!
+   ![Successful launch of App](https://i.imgur.com/tqZzNR6.png)
+
 ## Debugging
 
 To bring up the developer menu: