My github profile app is an aplication that is builded with react-native. The aplication shows github profile picture and user name at header. We have a list of current repositories, ordered by recent date. Each repository is linked to his own url so if you tab in it, it will open your browser with the link.
The application use two custom native modules, this two modules only runs in android devices (at the moment).
npm start // start the react packager/server
npm start:dev // start start the react packager/server & start android simulator
npm install // Install all dependencies
Image Module connect with ImageView class in case of Android. This module accept url at props, we use a external deppendencie Picasso, allows for hassle-free image loading in an application, it use a minimal memory and disk caching.
Shared preferences module connect with a Share preference API, in case of android, this module get or storage at passed key name-value in a "THEME_PREFERENCES" shared preference.
- To use get function call getSharedPreference(String sharedPreferenceName, callback(error, result)).
- To use set function call setSharedPreference(String sharedPreferenceName, String sharedPreferenceValue, callback(error, result)).
Module name | Path |
---|---|
ImageModule | android/app/src/main/java/com/rebelliontest/ImageModule/ImageModule.java |
SharedPreferencesModule | android/app/src/main/java/com/rebelliontest/SharedPreferencesModule/SharedPreferencesModule.java |
- At least one Native Module integration between android and Javascript.
- ImageView UI native componente
- Shared preferences system native componente
- Consume github API (my profile).
- Make UI.
- Show list order by time ASC
- Clean code.