Final-Project-UI-UX

Requirements

To use Expo, you need to have the following tools installed on your machine:

• Node.js LTS Release - Only Node.js LTS releases (even-numbered) are recommended.

  As Node.js officially states, "Production applications should only use Active LTS or Maintenance LTS releases". You can install Node.js using a version management tool (such as nvm or volta or any other of your choice) to switch between different Node.js versions.

• Git for source control.

Getting Started

Installing Expo CLI

Use npm to install the Expo CLI command line utility:

npm install -g expo-cli

Cloning the Repository

1. Navigate to the directory you would like to clone the repository into using commands like:

   • cd: to change your working directory
   • 'cd ..': to "go back" a level in your directory tree

2. Next, clone the remote repository and create a local copy on your machine using this command:

   git clone https://github.com/davinjason09/Final-Project-UI-UX

3. Now you can see the contents of the remote repository on your machine by moving into the newly cloned directory:

   cd Final-Project-UI-UX
   
   # For Windows
   dir
   
   # For MacOS and Linux
   ls -l
   

Installing Dependencies

In the project directory, run this following command to install all the dependencies needed from the terminal"

npm install

Running the App

In the project directory, run the following command to start a development server from the terminal:

npx expo start

Once the development server is running, it will looks like something like this:

The easiest way to launch the app is on a physical device with Expo Go. For more information, see Open app on a device.

Once it is running on all platforms, the project should look like this:

The text displayed on the app's screen above can be found in the App.js file which is at the root of the project's directory. It is the entry point of the project and is executed when the development server starts.

Install Expo Go on your device (optional)

It is availabe on both the Android Play Store and iOS App Store.

• Android Play Store - Android Lollipop (5) or greater
• iOS App Store - iOS 13 or greater

When you run npx expo start in your project, Expo CLI starts a development server and generates a QR code as shown.

• On your Android device, press Scan QR Code on the Home tab of the Expo Go app and scan the QR code you see in the terminal.
• On your iPhone or iPad, open the default Apple Camera app and scan the QR code you see in the terminal.

You can open the project on multiple devices simultaneously. Go ahead and try it on both phones at the same time if you have them handy.

Using an emulator or simulator

If you are using an emulator/simulator, you may find the following Expo CLI keyboard shortcuts to be useful to open the app on any of the following platforms:

• Pressing a will open Android Emulator or connected device.
• Pressing i will open in an iOS Simulator.
• Pressing w will open in a web browser.