mobile icon indicating copy to clipboard operation
mobile copied to clipboard

📱 Mobile app for tree planters

RangerTreejer

In a world full of indifference, a grand movement is rising to stand for the future. You might be the next link within this green chain. Adopt your unique tree and let locals plant it!

  • Navigation

  • Screens

  • Components

  • Hooks

  • Helpers

  • Localization

  • GlobalStyles

  • Services

  • Redux

App.tsx

Wrapper, global components, and init navigation are in App.tsx

components:

  • InitNavigation: process state of the application, and global data providers
  • Contexts

    • Provider: react-redux provider for wrapping store around the application
    • PersistGate: redux-persist wrapper
    • I18nextProvider: Multiple language
    • SafeAreaProvider: Safe area view for react-navigation

Build Setup

# install dependencies
$ yarn
# iOS
$ yarn ios
# Android
$ yarn android
# Android Production
$ yarn android:play
# Web Development
# If you are running for the first time, install expo-cli globally
$ yarn add -g expo-cli # ONLY FIRST TIME
$ yarn web # ALWAYS
# Web Production
$ SERVER_USERNAME="username" SERVER_IP="0.0.0.0" PORT=4000 ./deploy.sh

Translations :earth_americas:

  • Spanish version
  • Portuguese version