Skip to content

📲 The BecauseOfProg mobile application, built using React Native

License

Notifications You must be signed in to change notification settings

BecauseOfProg/app

Repository files navigation

App screen

BecauseOfProg's mobile app

The fastest way to read articles from the team


📥 Get the app

The app is being automatically compiled with Github Actions, thanks to this project.

Then, the files are being send in SSH to the BecauseOfProg VPS, thanks to this action, and available here : becauseofprog.fr/page/app.

🌈 How it works

This React Native app use the BecauseOfProg API to fetch articles and some content

💻 Development

Prerequisites

  • react-native 0.63.x
  • Android Studio (or Android SDK)

Setup

Fast refresh mode (development mode)
npx npm run android
npx npm run start

or

yarn run android
yarn run start
Build bundle
  • Cli

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res"

  • Android Studio

    • Build (top menu)
    • Generate (Signed) Bundle/APK
    • Choose Android App Bundle
Build apk
  • Cli

cd android && ./gradlew clean && ./gradlew assembleRelease

  • Android Studio

    • Build (top menu)
    • Generate (Signed) Bundle/APK
    • Choose APK

🇫🇷 Translate the app

You can add your own language, by editing ./src/components/utils/locales/ (<lang>.js) and ./src/components/utils/i18n.js.

You can also add a round flag icon in ./assets/images/flags/ (a 64x64 png file, please!)

Finally, add the lang in the menu by editing ./src/components/screens/Settings.js :

const langs = [
  [require('../../../assets/images/flags/fr.png'), 'Français', 'fr-FR'],
  [require('../../../assets/images/flags/en.png'), 'Anglais', 'en-GB'],
];

Then, make a pull request <3

📜 Credits

🔐 License

GNU GPL v3. See license file