| Info | ||
|---|---|---|
| ||
Please provide us with all required information for app building process as follow. |
1. App Name
Maximum length: 30 characters
2. App Icon
- Size: 1024 x 1024 pixels
- Format: PNG
3. Logo and Background on Login Page
- Background: 1280 x 1920 pixels
- Logo: 960 x 260 pixels
- Format: PNG
4. Splash Login Screen
Size for iOS app (Size & File name)
Format: PNG
| Code Block |
|---|
640 x 1136 pixels (Default-568h@2x.png)
750 x 1334 pixels (Default-667h@2x.png)
2208 x 1242 pixels (Default-Landscape-736h@3x.png)
2436 x 1125 pixels (Default-Landscape-812h@3x.png)
1024 x 768 pixels (Default-Landscape.png)
2048 x 1536 pixels (Default-Landscape@2x.png)
1242 x 2208 pixels (Default-Portrait-736h@3x.png)
1125 x 2436 pixels (Default-Portrait-812h@3x.png)
768 x 1024 pixels (Default-Portrait.png)
1536 x 2047 pixels (Default-Portrait@2x.png)
640 x 936 pixels (Default@2x.png) |
Size for Android app (File name & Size)
Format: PNG
| Code Block |
|---|
drawable-land-hdpi: 800 x 480
drawable-land-ldpi: 320 x 240
drawable-land-mdpi: 480 x 320
drawable-land-xhdpi: 1280 x 720
drawable-land-xxhdpi: 1600 x 960
drawable-land-xxxhdpi: 1920 x 1280
drawable-port-hdpi: 480 x 800
drawable-port-ldpi: 240 x 320
drawable-port-mdpi: 320 x 480
drawable-port-xhdpi: 720 x 1280
drawable-port-xxhdpi: 960 x 1600
drawable-port-xxxhdpi: 1280 x 1920 |
5. Default Colors (you can provide us with yours)
| Code Block |
|---|
ColorVariable = {
// gray
gray: '#C8C8C8',
gray_lightest: '#F8F8F8',
gray_lighter: '#EEEEEE',
gray_light: '#DCDCDC',
gray_dark: '#A2A2A2',
gray_darker: '#555555',
gray_darkest: '#222222',
gray_overlay: '#EDEDED',
// primary
primary: '#2681D5',
primary_lightest: '#F3F8FD',
primary_lighter: '#BBD8F3',
primary_light: '#4E9AE0',
primary_dark: '#1E67AA',
primary_darker: '#1A5A94',
primary_overlay: '#38BDE9',
// info
info: '#6895B5',
info_lightest: '#FBFCFD',
info_lighter: '#E0E9F0',
info_light: '#8AADC6',
info_dark: '#4D7C9D',
info_darker: '#456E8C',
info_overlay: '#9AC8D9',
// success
success: '#47C366',
success_lightest: '#ECF9F0',
success_lighter: '#CEEFD6',
success_light: '#6DD086',
success_dark: '#35A250',
success_darker: '#2F8F47',
success_overlay: '#69E097',
// warning
warning: '#FFAB00',
warning_lightest: '#FFE6B3',
warning_lighter: '#FFBC33',
warning_light: '#FFAB00',
warning_dark: '#CC8900',
warning_darker: '#B37800',
warning_overlay: '#FFD300',
// danger
danger: '#EE5A2B',
danger_lightest: '#FEF8F6',
danger_lighter: '#FBDBD0',
danger_light: '#F27F5A',
danger_dark: '#D54011',
danger_darker: '#BD390F',
danger_overlay: '#F68540',
white: '#ffffff',
transparent: 'transparent',
default: '#2681d5'
} |
6. Google Developer Account
You need to have Developer subcription.
Enroll here.
7. Apple Developer Account
You need to subscribe to IOS Developer Program.
Enroll here.
8. Firebase Server Key
Create a project here.
Go to Project Settings >> Cloud Messaging >> Get Firebase Key here.