add README for mobile

add README for mobile

Author: lnqminh3003

shatter-mobile/README.md

@@ -1,50 +1,50 @@
-# Welcome to your Expo app 👋
+# Introduction
 
-This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
+Our mobile uses: React Native + Expo
 
-## Get started
+# How to run
 
-1. Install dependencies
-
-   ```bash
-   npm install
-   ```
-
-2. Start the app
-
-   ```bash
-   npx expo start
-   ```
-
-In the output, you'll find options to open the app in a
-
-- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
-- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
-- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
-- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
-
-You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
+- Step 1: Clone the repo
+  
+- Step 2: Enter to `shatter-mobile` dir by running the command in the terminal
+```
+cd shatter-mobile
+```
+- Step 3: Install the dependencies and libraries by running
+```
+npm i
+```
+- Step 4: Run the mobile app locally
+```
+npx expo start
+```
+- Step 5: After running the above command, you will see list of options
+```
+› Press a │ open Android
+› Press i │ open iOS simulator
+› Press w │ open web
+```
+### 1. WINDOW
 
-## Get a fresh project
+- If you are using Window -> before pressing `a`, make sure you already installed **Android Studio**. 
 
-When you're ready, run:
+- If NOT, follow this guide: https://docs.expo.dev/get-started/set-up-your-environment/?platform=android&device=simulated
 
-```bash
-npm run reset-project
-```
+### 2. MACOS
 
-This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing.
+- If you are using Mac -> before pressing `i`, make sure you already installed **XCode**.
 
-## Learn more
+- If NOT, follow this guide: https://docs.expo.dev/get-started/set-up-your-environment/?platform=ios&device=simulated
 
-To learn more about developing your project with Expo, look at the following resources:
+### 3. Use your own phone
 
-- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
-- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
+- Download the "Expo Go" app in AppStore or CHPlay
 
-## Join the community
+- Then scan the QR code in the terminal. It will navigate you to sse our project in this app
+  
+- Don't need to press any button in the terminal
 
-Join our community of developers creating universal apps.
+# Note
+- Because you are working on mobile, you are expected to run backend locally to test, check the guide `shatter-backend/README.md`
+- Don't push changes directly to main, create your own branch and pull request to merge
 
-- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute.
-- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions.