An android mobile app that retrieves data from an online API and returns a list of photo albums with their title and owner names. Selecting an album will display a galler of thumbnail-sized photos. Tapping one of these photos, will display a full-sized version of the photo. This was developed using React Native.
You can run the app on your local computer and/or by connecting your android mobile phone. For more information on how to run a React Native app, go here.
The following pre-requisites are listed below.
To use this repository you need the following:
- Windows 10 / macOS 10 or higher
- Visual Studio Code
- Android Studio
In addition, these packages need to be installed:
Follow the documentation here in order to create a mobile emulator / virtual environment through Android Studio's AVD Manager.
Open the command line and type C:\Users\<your-user-name-here>\AppData\Local\Android\Sdk\emulator)
Then type emulator -list-avds. Copy-paste the emulator name of your choice (that you set-up in Android Studio's AVD Manager).
Now enter emulator -avd <paste-emulator-name-here>. Then wait for the emulator to start-up.
Open the app's project folder in Visual Studio Code and type in the command terminal npx react-native run-android.
Select one of the albums listed.
A pop-up will appear showing a gallery of thumbnail photos belonging to that album. You can scrolls across the screen.
If you select one of the thumbnail photos, another pop-up will appear to show its full-sized version.
Below is the architecture of the mobile app. It details how it communicates with the Typicode JSONPlaceholder's server to gather data and displays them on the app.
