React Templates & Themes Logo React Templates & Themes
Flotiq Mobile Demo screenshot

Flotiq Mobile Demo

Author Avatar Theme by Flotiq
Updated: 11 Sep 2024
11 Stars

Flotiq Mobile Expo - MIT-licensed starter project for React Native development based on Flotiq

Github Live Preview

Categories

React native Flotiq

Overview:

Flotiq Mobile Expo is a mobile demo project that allows users to browse Flotiq entries. It is designed to pull data from a user’s Flotiq account. This React Native project serves as a helpful starting point for mobile app development. The app can be installed from the Apple App Store or Google Play. Users can use the QR code in their API keys to connect the app to Flotiq and easily browse through their content. This project was generated using Expo version 4.5.1 with React Native SDK version 41.0.0 and React version 16.13.1. It has been tested for Android 10 and 11.

Features:

  • Login via API Key: Users can securely log in to their Flotiq account using their API key.
  • API Key QR code scanner: The app allows users to conveniently scan the QR code in their API keys to connect to Flotiq.
  • Listing Content Type Definitions: Users can view the definitions of different content types in their Flotiq account.
  • Listing Content Objects: The app provides a way to list and browse through content objects stored in Flotiq.
  • Single Content Object preview: Users can preview individual content objects to get a detailed view of their content.
  • Content Object management: The app allows users to create, update, and delete content objects.
  • Content Objects search: Users can easily search for specific content objects using the built-in search feature.
  • Adding media: Users can add media content to their Flotiq account using the file browser or camera.

Installation:

To get started with Flotiq Mobile Expo, follow these steps:

  1. Make sure you have Node.js installed on your system.
  2. Clone the project repository.
  3. Install Expo by running the following command in your terminal:
    npm install expo-cli --global
  4. Start the development server by navigating to the project directory and running the following command:
    expo start
    This will start the Metro server and open a browser tab.
  5. To run the app on an Android or iOS simulator, click on the appropriate option in the browser tab.
    • Note: iOS simulators can only be installed on macOS.
  6. To run the app on a real device, make sure you have the Expo Go app installed on your device (available on Google Play and the Apple App Store). Then, scan the QR code displayed in the browser tab using the Expo Go app.

For running simulators, it is recommended to install Android Studio through JetBrains Toolbox on Windows/Linux/macOS for running the Android simulator. For the iOS simulator, Xcode needs to be installed.

Summary:

Flotiq Mobile Expo is a powerful tool for browsing and managing content stored in a Flotiq account. Its key features include login via API key, QR code scanning, content type definition listing, content object listing, content object previewing, content object management, content object search, and media uploading. With easy installation steps and compatibility with Android and iOS, Flotiq Mobile Expo is a valuable resource for developers looking to kickstart their mobile app development using React Native.