React Native expo + Typescript

Setup and Run Instructions

Prerequisites

• Node.js: Ensure that Node.js is installed on your machine. You can download it from here.
• Expo CLI: Install Expo CLI globally using npm or yarn:

# using npm
npm install -g expo-cli

OR

# using yarn
yarn global add expo-cli

• Clone the Repository**: Clone the project repository to your local machine using Git:

git clone <https://github.com/oi19/Noaat.git>

• Navigate to Project Directory: Change your current directory to the project folder:

cd Noaat

• Install Dependencies: Install project dependencies using npm or yarn:

# using npm
npm install 

OR

# using yarn
yarn install

Expo Go App

Install Expo Go: Install the Expo Go app on your iOS or Android device. You can download it from the App Store or Google Play Store.

Getting Started

Note: Make sure you have completed the React Native - Environment Setup instructions till "Creating a new application" step, before proceeding.

Step 1: Start the Metro Server

First, you will need to start Metro, the JavaScript bundler that ships with React Native.

To start Metro, run the following command from the root of your React Native project:

# using npm
npm start

# OR using Yarn
yarn start

Step 2: Start your Application

1. Install the Expo Go app on your mobile device from the App Store (iOS) or Google Play Store (Android).
2. After installing Expo Go, open the app.
3. Use your device's camera to scan the QR code displayed in the terminal when you run your Expo project. Make sure you're using Expo Go by pressing 's' when prompted.
4. Expo Go will load your project, and you'll be able to interact with it on your mobile device.

Make sure your mobile device is connected to the same network as your development environment. This allows Expo Go to communicate with the Expo CLI running on your computer and load your app.

Congratulations! 🎉

You've successfully run and modified your React Native App. 🥳

• If you want to add this new React Native code to an existing application, check out the Integration guide.
• If you're curious to learn more about React Native, check out the Introduction to React Native.

Troubleshooting

If you can't get this to work, see the Troubleshooting page.

Learn More

To learn more about React Native, take a look at the following resources:

React Native Expo

• React Native expo Website - learn more about React Native expo.
• Getting Started - an overview of React Native expo and how setup your environment.
• Learn the Basics - a guided tour of the React Native expo basics.
• Blog - read the latest official React Native expo Blog posts.
• expo - the Open Source; GitHub repository for React Native.

React Native Cli

• React Native ClI Website - learn more about React Native CLI.
• Getting Started - an overview of React Native and how setup your environment.
• Learn the Basics - a guided tour of the React Native basics.
• Blog - read the latest official React Native CLI Blog posts.
• @facebook/react-native - the Open Source; GitHub repository for React Native.