N COdes Lab Logo

N Codes Lab

“Bringing your imaginations into reality”

We are specialises in creating modern websites and apps that are both aesthetically pleasing and extremely functional. Our team of skilled developers is dedicated to completing projects on schedule and under budget. They are proficient in a variety of programming languages and platforms.

intro-img

App Introduction

logo

App Name: Neews

Developed In: Flutter

Author: N Codes Lab


App Setup

Change App Name

  • 1. Go to lib > utils > constants.dart
  • 2. Now change the appName value on the line no 8
App Name

Android

  • 3. Now go to android > app > src > main > AndroidManifest.xml
  • 4. No change the android:label value at line no 4 by your app name
App Name 2

IOS

  • 5. Now left click on ios folder then choose Open in Xcode
App Name 3
  • 6. Now go to Runner > Targets > Runner
  • 7. Now on the Identity change your app name
App Name 4

Change Package Name

Android

  • 1. Left click on android ang choose Open in Android Studio
Package Name
  • 2. Now Go to app > manifests > AndroidManifest.xml
  • 3. Now copy package name on the line no 2
Package Name 2
  • 4. Now go to Edit > Find > Replace in files
Package Name 3
  • 5. Now on the first field enter the old package name you want to change
  • 6. Enter the new package name you want click on Replace All Button
Package Name 4

IOS

  • 7. Now left click ios folder then choose Open in Xcode
Package Name 5
  • 8. Open in Runner > Targets > Runner then click on Signing & Capabilities
  • 9. Now change the Bundle Identifier with the new package name you want
Package Name 6

Change App Icon

Android

  • 1. To change app icon go to https://www.appicon.co/
  • 2. Then upload your app logo
App Icon
App Icon 2
  • 3. After clicking on generate a zip file will be downloaded
  • 4. Extract the zip file and open
  • 5. Now go to AppIcons > android
  • 6. Copy all the folders
App Icon 3
  • 7. Open the project and paste all the files in the android > app > src > main > res folder
App Icon 4

IOS

  • 8. To change IOS app icon open the AppIcons folder downloaded earlier then go to
    Assets.xcassets > then copy the AppIcon.appiconset folder
App Icon 5
  • 9. Now open the flutter project go to ios > Runner paste and replace the folder here
App Icon 6

Firebase Setup

We are using firebase for authentication system so follow the instructions in order to make app authentication system working fully

Android

  • 1. Go wo www.firebase.com
  • 2. Now create a new project by entering your project name
Firebase
Firebase 2
  • 3. After creating project you will be redirected to the dashboard page then click on the android icon
Firebase 3
  • 4. Enter the details of the app
    • a. apps package name
    • b. app name
    • c. app sha1 key
  • 5. After entering all the details click on Register app
Firebase 4
  • 6. After registering the app download the google service.json file and you can skip all the next steps by clicking on next
Firebase 5
  • 7. After downloading the google-services.json file paste the file in the flutter projects > android > app folder
Firebase 6

IOS

  • 8. Now go to the dashboard then click on IOS icon to add ios app
Firebase 7
  • 9. Now enter the details of the app
    • a. enter the bundle identifier of the app
    • b. enter the app name
  • 10. Then click on the Register app button
Firebase 8
  • 11. Now download the GoogleService-Info.plist file
  • 12. and skip the next steps by clicking next
Firebase 9
  • 13. Now left click on ios folder then choose Open in XCode
Firebase 10
  • 14. Now paste the GoogleService-Info.plist in to the runner folder
  • 15. A popup will appear then choose Runner in add to targets and then click on finish
Firebase 11

Enable authentication

  • 16. Go to firebase dashboard then go to Build > Authentication
Firebase 12
  • 17. Click on Get Started
Firebase 13
  • 18. Now enable Email / Passward and Google authentication
Firebase 14
  • 19. Now go to authentication > Sign in Methods > Click on google authentication
  • 20. Then click on Web Client id
Firebase 15
Firebase 16
  • 21. Now go to ios> Runner > open Info.plist file
  • 22. Now paste the web client id on the line no 32
Firebase 17

Admob Setup

  • 1. To setup admob you have to require an admob account
  • 2. And you have to create android and ios app in the the admob dasboard and their app id

Android

  • 1. Go to android > app > src > main> AndroidManifest.xml file
  • 2. Then paste your admob app id on line no 66
Admob

IOS

  • 3. Go to ios > Runner > Info.plist file
  • 4. Then paste you Ios admob app id on the line no 39
Admob 2

OneSignal Setup

  • 1. To setup onesignal go to lib > utils > constants.dart
  • 2. Then enter your one signal app id on the line no 11
OneSignal

Branch Setup

We are using Branch for sharing articles and videos from the app

  • 1. To setup branch go to branch website and create an account at https://www.branch.io/
  • 2. After creating account go to the branch dashboard and then go to Configuration
Branch
  • 3. Now enter your website url on the Default Url Field
  • 4. Now enter your app name in the URI Scheme Field
  • 5. Select I have an Android App
  • 6. Now choose custom url and after app is live on play store then choose Google Play Search
  • 7. Check Enable App Links
  • 8. And Add your website url
  • 9. Add your sha256 key
Branch 2
  • 10. Now scroll down copy the default link domain and alternative link domain
Branch 3
  • 11. Now go to Account Settings
  • 12. If you switch to live mode you can generate live key and if to switch to generate test key copy it
Branch 4
  • 13. In Test mode you will get the test key copy it
Branch 5
  • 14. Now go to android > app > main > AndroidManifest.xml file
  • 15. Now enter the copied keys and links from the branch dashboard
Branch 6

App Constants Setup

  • 1. Go to lib > utils > constants.dart file
  • 2. Add your admin panel url on the line no 10
  • 3. To change your app default language you can change the defaultAppLanguage with your language code
App Constant

How to change app language translations ?

  • 1. To change app translations go to lib > I10n > select your language file
  • 2. Now search the string you want to change and update it.
App language

How to generate Sha1 keys ?

  • 1. To generate the Sha1 and Sha256 Key Click on the terminal button at the bottom
SHA
  • 1. Now paste this line cd android && ./gradlew app:signingReport
  • 2. Now you will get the Sha1 and Sha256 keys copy the keys and use it
SHA 1

Admin Panel Setup

You will get two admin panel files in the project admin panel folder

  • 1. Database Sql file
  • 2. Admin Panel Zip File

Create a database on your hostings

But you have to remember these credentials

  • 1. Database Name
  • 2. Database User Name
  • 3. Database Password

Then import the database sql file on the database

  • 1. Now go to config >> conn.php file
  • 2. Click on edit that file
  • 3. Now you have to enter your database details
Admin Setup

And Congrats your admin panel in live on your domain

Default Login Credentials were
Username :- admin
Password :- 12345