Github Explorer Typescript React Native

Github Explorer Typescript React Native App using Github Rest API web services

Introduction

The goal of this React Native Typescript application is to implement interface with Github REST API web service. It provide feature like search User's and it's details, along with list of user's Repositories, Followers and Following.

Getting Started

This project uses the npm, pod, Gradle build system. To build this project, use the npm install command in Visual Studio Code or Getting Started with React native typescript project

npx react-native init GithubExplorerReactNative --template react-native-template-typescript

Project command

To run this project, use npm run android or npm run ios. if need clean this project, use npm run android-clean or npm run ios-clean.

npm run ...	Description
android	Run android development-mode on simulator or phone
android-debug	Build android .apk with “Debug” configuration
android-release	Build android .apk with “Release” configuration
android-clean	Fix building android if preDexDebug error on Windows OS
android-clean-mac	Fix building android if preDexDebug error on Mac or linux OS
android-bundle	Bundle with entry file index.android.js
adb-reverse	Reset port ADB to tcp:8081
adb-uninstall	Uninstall android .apk with “Debug” configuration port ADB to tcp:8081
ios	Run iOS project with Simulator
ios-pod-install	install depedenceny for iOS project
ios-clean	Fix building ios if preDexDebug error
ios-release	Build android .ipa with “Release” configuration
ios-bundle	Bundle with entry file index.ios.js
ios-pod-clean	clean xcode & pod building
node-clean	clean node modules
test	jest testing
lint	lint testing

To fix cocapad pod install issue fix by command where more info Github issue tracker and Youtube video.

cd ios
sudo arch -x86_64 gem install ffi
arch -x86_64 pod install
cd ..

Github Documentation

The official Github Documentation REST API v3 in details.

Screenshots

Libraries Used

• React Getting started
• Getting Started with TypeScript
• React Navigation
• Colors
• Scrollview
• Splash-Screen
• Handlebar Labs
• FastImage caching
• App Icon Generator iOS & Android
• Colors
• Android Image Asset Studio

Install npm dependencies

npm i react-native-splash-screen
npm i hammerjs
npm i react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view react-navigation react-navigation-stack

IDE setup

For development, the latest version of Android Studio is required. The latest version can be downloaded from Xcode.

Upcoming features

Updates will include many more feature and architectural pattern.