Flotiq Mobile Expo app for Content Editors & Developers
Tags: mobile, webdev, programming, developer
Published: 2021-12-02 11:08:50

![flotiq mobile expo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/igzlrgdbsr13alk3cd8r.png)

[![download flotiq app in appstore](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nknp7cxrtwtjb73j2kx3.png)](https://apps.apple.com/app/flotiq-mobile-expo/id1505331246)
[![download flotiq app in google](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5jafm9tin7d27ok3nmkj.png)](https://play.google.com/store/apps/details?id=com.flotiqmobiledemo)
   

## For Content Editors: Browse and manage your content

The Flotiq Expo app is a React Native application that allows you to browse and manage your content directly from the mobile.

Regardless of what data you store in the Flotiq, the mobile application can provide convenient and quick access to the data.

Main features:

- Login via QR ApiKey Code
- List current Content Type Definitions
- Manage Content Objects
- Search through the Content Objects
- Upload photos directly from your smartphone camera

A ready-to-use application is available on Google Play and Apple App Store. Install the app, use the QR code in your API keys to connect the app to Flotiq and browse through your content.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x69d937mutj7wyzbpkpe.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zo3x0daaptgxzf21yf8b.png)
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fe4d8ta0uyble0i57nt9.png)
 
## For Developers: Boilerplate for your new application

The Flotiq Mobile Expo is an MIT-licensed app, so you can modify it for your needs and use it in the next mobile project.

This project was implemented using:

- Expo
- React Native
- React Navigation
- React Native Elements
- Redux
- Flotiq as the data source

  
![react native](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g7gm4fxqp2xmx76a0bmx.png)
![expo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/08vp71u41sx3od5ihglf.png)
![react native elements](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ks6ce2k3lkq79xvutt5s.png)
   
### Start your project in 3 simple steps

Thanks to the [Expo.io](https://expo.dev/) ecosystem, you can run your application without installing any complex tools like Android SDK, XCode, or take care of your JDK version.

Follow these three steps to develop Flotiq based application:

1. Install expo

`npm install --global expo-cli`

2. Clone GitHub project

`git clone https://github.com/flotiq/flotiq-mobile-demo`

3. Start developing

`cd flotiq-mobile-demo/
npm install
npm start`

This will start Metro server http://localhost:19002 where you can start the app on Android and iOS simulator or the real device.

![metro bundler](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a29vm1foqt6f9qkyruz7.png)
 

To run the app on the real device, you have to have the Expo Go app installed ([Android app](https://play.google.com/store/apps/details?id=host.exp.exponent), [iOS app](https://apps.apple.com/us/app/expo-go/id982107779)).

When you open the Expo Go app, you have to scan the QR code presented on the http://localhost:19002 page.

> Note
> For more development tips, check the projects [GitHub] repository(https://github.com/flotiq/flotiq-mobile-demo).

## Create your own products showcase mobile app

Check out our [simple guide](https://flotiq.com/docs/Deep-Dives/mobile-expo-product-showcase/) on how to adapt the Flotiq Mobile Expo application source code to work as a product showcase app.