Hey! This app was designed to complete challenge #2 of my DALI Lab 2018 Spring application. Brayan Lozano '20.
Version 1 fetches a JSON file from DALI's servers with information about its members, their hometown, and other details. Using this JSON, labels are generated for each member that displays their photo, their name, their quote. Once pressed, a modal appears displaying more information such as a map with their hometown, the projects they have worked on, and even the terms they have worked with DALI. If their photo is clicked, the user is redirected to the members personal website in Safari. This version was strictly built and designed for iOS but will still compile for android.
This app was entirely built using React Native and several community built node modules.
Modules:
- React Native is used for building all core components and provides compatibility for iOS and Android.
- React Native Modal is used for creating modals to display more information.
- React Native Google Static Map is used for displaying each members hometown using longtitude and latitude coordinates.
- React Native Iphone X Helper is used for displaying properly sized headers on iPhone X displays
To compile and run simply use the following commands.
$ cd DaliMembers-master
$ npm install
$ react-native run-ios