thoughtindustries / mobile-sdk

📚 Thought Industries Developer Site | 🗣 Discord | 📝 GraphQL Docs

About

This repository contains code for the Thought Industries Mobile SDK. You can use this SDK as a starting point for creating a mobile app powered by the Thought Industries' APIs.

Features

The mobile SDK is fully native and utilizes no iframes. It allows users to sign up, access a course, watch videos, and read articles. It also allows users to download articles so they can be read later when the user doesn’t have internet access. Users can also see which courses they currently have access to and view the course catalog.

The Mobile SDK is meant to serve as a reference/starting point for building your own application and is not meant to include every Ti capability. As an SDK, you are free to build and customize your application to meet your specific business needs utilizing all of the Ti platforms API/GraphQL capabilities along with native features on the mobile device’s operating system.

Getting Started

Requirements:

Expo Go

Expo Go should be downloaded onto your mobile device.

npm

sudo npm i -g expo-cli

iOS Simulator

Documentation to setup iOS Simulator

Android Emulator

Documentation to setup Android Emulator

Installing Locally

After cloning the repo, run the following commands:

cd mobile-sdk

npm i

Running Locally

To run locally, run the following command:

npm run start

You will be prompted for your learning instance URL, learning instance API key (located under Settings > Security), and a nickname. These values will be used to generate and store your environment variables.

Once the Metro Bundler has started, you will have to the options to scan the QR code to run the application on your mobile device, run the application on an iOS simulator, or run the application on an Android Emulator.

To select a specific iOS device press Shift + i and to select a specific Android Emulator press Shift + a

Report Bugs and Issues

If you notice any bugs or issues with the Mobile SDK, please report them in our Developer Discord or open up a pull request / issue.

mobile-sdk's Issues

Account page adjustments

Logout should be Log out and reset password icon should be outline not filled

Swipe between screen

Swiping on the screens should move the user between Home, Explore, and My Learning

Search Updates

Two Changes

1. Screens 3.1, 3.2 - After you complete a search, the search icon should be replaced with an X icon, when the x icon is clicked the search should clear
2. Screen 3.2 - when a search returns content it should list the number of the result like in comps

Article changes

Screen 13.2 - when you select a different variant, the article text should change to that variants text

Remove direct link to learning intsance

Notes:

This github repo will be open sourced soon so we don't want people to have access to the learning instance we've been using to test

Acceptance Criteria:

• Remove links to existing learning instance
• Update documentation so that users know how to create their own file with the API key and learning instance URL

Edit profile UI can change image

You should be able to edit the image of a user in edit profile (see Figma comps)

Load profile image from graphQL

On the dashboard screen (2.0) and on the account screen (5.0), the user image should be loaded from graphQL it should not be hardcoded

Test Issue

This is a test issue

Filters re-render on click

The filter menus re-render after updating the filters.

Load courses on Dashboard from graphQL

Changes:

• For recommendations, pick five courses the user currently does not have access to and show those
• Recently launched courses should come from UserRecentContent
• Featured course should come from first item returned in UserRecentContent

Responsive design for devices

Currently, the stylings in the UI are inconsistent across devices. We will need to implement a responsive design for account for multiple mobile devices.

Re-do my learning cards to match Figma comps

See issue #12 in QA section of Figma