renatomh/mobileonlibrary

Mobile application for online library platform.

OnLibrary Mobile

💡 Project's Idea

This project was developed to create a mobile application for the online library platform.

🔍 Features

• Login and signup to the application;
• Books listing and details;

💹 Extras

• Push Notifications;
• Multiple languages support;

🛠 Technologies

During the development of this project, the following techologies were used:

• React Native
• React Native Paper
• React Native Paper Dates
• React Native Image Picker
• React Native Document Picker
• React Native QR Code Scanner
• React Native Chart Kit
• Firebase Cloud Messaging
• TypeScript

💻 Project Configuration

First, install the dependencies for the project

$ yarn

🌐 Setting up config files

You need to update the API settings file (./src/services/api.ts) according to the base URL for the API used as the backend for the application:

import axios from 'axios';

const api = axios.create({
    // Modify regarding the server address and device being used (Android emulator, iOS emulator, etc.)
    baseURL: "http://10.0.2.2:3333",
})

export default api;

You must also provide the google-services.json file (should be placed in ./android/app/google-services.json) with the Firebase app credentials.

⏯️ Running

To run the project in a development environment, execute the following command on the root directory.

$ # For Android devices
$ yarn android
$ # For iOS devices (on Mac computers only)
$ yarn ios

🔨 Project's Build for Deploy

In order to publish the app for the app stores of different kinds of devices (Play Store, App Store), there are some steps to be done.

Android

Aside from configuring for app publishing with React Native, we should execute the following commands to generate the .aab (Android App Bundle) file:

$ cd android
$ ./gradlew bundleRelease

The generated file will be located at android/app/build/outputs/bundle/release/.

Documentation:

• Publishing to Google Play Store
• Publishing to Apple App Store
• Rocketseat Docs | Ambiente React Native
• Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?
• Internacionalização em React Native
• Linking.canOpenURL returning false when targeting android 30 sdk on React Native
• React-Native and Intl polyfill required on Android device
• Firebase Push Notification In React Native
• APK signing error : Failed to read key from keystore
• Android Studio - Keystore was tampered with, or password was incorrect
• Cloud Messaging | React Native Firebase
• react-native-firebase | Pre-defined colors

📄 License

This project is under the MIT license. For more information, access LICENSE.