App Intro with Expo and Lottie

Overview

The technologies used in this app are the following:

• Front end: Expo.

• Navigation is done with: react-navigation.

• Layout: styled-components.

• Animations: Lottie.

Prerequisites

• Node JS with NPM

• Expo CLI

  • npm install -g expo-cli

Run the project

1. Clone this repo to your local machine.

git clone https://github.com/yhenni1989/app-intro-lottie-expo.git

cd app-intro-lottie-expo

2. Install client dependencies.

yarn

# or

npm install

3. Launch the metro bundler.

yarn start

This will start the metro bundler in your browser.

4. Lanuch the simulator on your machine

If you have Xcode or Android Emulator installed, then you can launch the simulator using one of the following commands.

yarn ios

# or

yarn android

If you don't have a simulator installed in your machine, skip to step 5.

5. Test the app in your device.

• You must install the Expo Client app on your phone. Links in Section 2 of the docs.

• Scan the QR code provided by expo. Located at the bottom left corner in the Metro Bundler browser page.

Step by step tutorial

• Read the full series of articles detailing the building process of this app here.