JobBoard

Constants Files

File locate: ./app/constants/..

• Theme color for app
• images use for the app
• Icons & Fonts use for the app

Components

File locate: ./app/components/..

Common components that could be used many times in your app:

• CustomButton.js
• MsgComponent.js
• ThemeBtn.js
• CustomSelectBox.js
• CustomToggle.js etc.

Navigation

File locate: ./app/Navigations/..

• Define first loading screen here.
• You can add bottom Navigation Screen in ./Navigations/BottomNavigation.js.

Screens

File locate: ./app/screens/..

Then navigation has defined in ./app/Navigations/StackNavigator.js will link with screens locate in folder ./app/screens/..

App all screens design are locate in here (./app/screens/..). You could change or re-structure by matching with your own project structure design.

Assets

File locate: ./app/assets/..

You can store images or other file resource in this folder

Layout

File locate: ./app/layout/..

You can edit Sidebar and Header from here.

Redux

File locate: ./app/Redux/..

• ./reducer/index.js
• ./reducer/user.js
• ./Store/index.js

React native app login & authentication manged here.

Service

File locate: ./app/Service/..

Commons function for store user data in @react-native-async-storage/async-storagewill be put here, So if you develop or add more common functions, just add it here !

Font Family

The default font family name “DMSerifDisplay” And “PlusJakartaSans” are being used for this template. If you need change or a custom font to be the prettiest? You’ll need the .ttf files for all supported styles (thin, ultraLight, light, regular, medium, semibold, bold, heavy, black …). Here are the few steps you need to add it.

Add more font family in folder ./app/assets/fonts/..

After added new font, open your terminal and run

npx react-native-asset

Color

The template are using color palette following format below.

• Primary
• Primay Light
• Secondary
• Success
• Danger
• Warning
• Info
• Text
• Title
• Dark

You can change the theme prop dynamically and all the components will automatically update to reflect the new theme. Open file ./app/constants/theme.js

Change the app name

Open file ./package/android/app/src/main/res/values/strings.xml and replace JobBoard with your app name

<string name="app_name"> JobBoard </string>

Change App Icon

upload your icon in following link https://appicon.co/

open folder ./package/android/app/src/main/res/..

when you download you got files then replace them with the below.

After replace all folder open Android Studio.

• Right Click on app folder.
• then click on new you got Image Asset.
• then click on Image Asset.

when you click image asset you got below modal and you upload your logo here and customize them.

Note: After all Changes Sync you project files and restart your app.

Change package name

1. In: /app/src/main/java/com/JobBoard/MainActivity.Kt

2. In: /app/src/main/java/com/JobBoard/MainApplication.Kt

3. And in ./android/app/build.gradle

Step 1 : Create Firebase App

Go to https://console.firebase.google.com & click add project button

Continue and create the project.

Strp 2 : Connect Firebase App To Your App

Download google-services.json file.

Update File in package/android/app/. Folder.