Challenge Overview
CONTEXT
PROJECT CONTEXT
This app will be used to show what we are doing around Innovation or technology. It will have the areas of technology or the solution that we are currently working on.
This app will have a repository/sources of articles and videos related to leadership, technology, and innovation.
Users that use this app will have the ability to learn about our innovation centers, which are located around the world. They can either learn about these centers through virtual tours which are self-guided, or they can schedule an actual tour of the facility that can be done either through Webex on in-person/onsite tour.
Basically, the app would allow the app user to read, see and request information, or contact experts to learn more about it and/or schedule visits to attend virtually or physically to one of our innovation centers
CHALLENGE CONTEXT
You are responsible for creating the React Native app for the required screens.
CHALLENGE DETAILS
TECHNOLOGY
-
React Native 0.62
-
Android 8+
-
iOS 11+
INDIVIDUAL REQUIREMENTS
General Requirements
-
React Native Best Practice must be followed: https://thoughtbot.com/blog/best-practices-while-developing-a-react-native-app
-
The data should be loaded from JSON files, and all the images referenced in the JSON files should be loaded from public s3 bucket
-
Mobile Portrait, Tablet Portrait and Landscape modes are required.
-
The screen should be responsive
-
The screens numbers below are from the mobile design: https://marvelapp.com/prototype/5b6e53a, their corresponding screens from the Tablet designs are also in scope (Tablet Landscape: https://marvelapp.com/prototype/24ee1cig - 14 - 16, Tablet Portrait: https://marvelapp.com/prototype/24eb56ig - 08 - 09)
1. Intro Screen (01 A/B/C)
-
Skip - should go to the landing screen
2. Landing Screen (02 A/B)
-
The innovation centers section has two modes: list mode and carousel mode
-
Create two separate JSON files for innovation centers and latest news, and for the image url for each innovation center or news item should be configured in JSON files and loaded from public s3 bucket
-
Tap an innovation center, goes to the Innovation Center Detail screen
3. Innovation Center Detail Screen (03)
-
Create a separate JSON file for innovation center detail.
-
Tap Virtual Tour button opens the virtual tour list screen
4. Virtual Tour List Screen (04)
-
Create a separate JSON file for the innovation center’s virtual tour list
Submission Guidelines
-
Source Code
-
Deployment and Verification Guide