Base App Template (React Native)

This repository includes a boilerplate project to start your mobile app with React Native (Frontend).

Features

• Design based on Native Base Framework: nativebase.io
• Login request with axios (interceptors uses): repo
• Form with React Hook Form: react-hook-form.com
• Validators with yup: repo
• Redux Toolkit: redux-toolkit.js.org
• Data persistence with Redux Persist: repo
• React Navigation: reactnavigation.org
• React Navigation Drawer: repo
• Animations with React Native Animatable: repo

Screenshots

Installation

Clone and install the project with instructions below

# Clone this repository
$ git clone https://github.com/djdannycastillo/react-native-baseapp

# Install dependencies
$ npm install

# Run Android App
$ run start android

# OR Run IOS APP
$ run start ios

Customization

Icon app

See the iconset.config.js file to modify image paths. By default, the images are in app/assets. Images: icon.png, background.png, foreground.png

# Install Icon Set Creator
$ npm install -g icon-set-creator

# Generate icon
$ iconset create

Theme

See the /app/utils/constants/theme.js file to modify colors and others. More details on Native Base website

URL

See the /app/utils/constants/config.js file to add your API_URL and EXTERNAL_URL (to request other files)

Backend

See the /app/services/api/index.js file to modify headers that use to connect to the backend.

See the /app/services/api/interceptors.js file to modify auth headers that use to request user's information.

Important: The project is not based on specific backend technology, it uses two headers to connect to api but you can configure depending your backend. Aditional, when users login succesfully, a sessionToken is created which is sent through header to request user's information

Environment Variables

To connect with your backend, you will need to add the following environment variables to your .env file

APP_ID

API_KEY

License

MIT