Overview

MyNews app, contains both android source code and admin panel to build your News Application with most popular features and eye catching material outlook. If you are planning to deploy your own News App for android users, then it's your right choice to have much flexibility on your hand.



The product comes with an Powerful Admin Panel to build the application interface visually just by drag and drop. You can update the design, what to show or not into the app real-time. You can customize many things using the Admin Panel like:

  • Application Dashboard Design & Contents
  • Navigation Drawer Items
  • User Commenting on News
  • Send push notification to users for News
  • and more...


After purchasing, you'll have 3 files. Except the documentation, there are:
  • Android Studio Source Code
  • Admin Panel Source Code

Easy Installation Tutorial

Step 01 - Admin Panel Setup

Step 02 - Configure Android App

Step 03 - Connect Firebase

Admin Panel Installation

Before the installation, you'll need below information:

  • MySQL Database Name
  • MySQL Database User's username
  • MySQL Database User's password
  • MySQL Database host

Then follow the steps to complete your Admin Panel Installation process:
  • Unzip the file named admin_panel.zip and upload it to the public_html (or other) directory of your website.
  • Go to your domain name to complete the installation process. For the first time, you'll see the Installation Wizard page.
  • Enter Database information, Admin Email and Password as login credentials and Proceed to finish the setup.
  • Finally login using your Admin Email and Password

App Dashboard Design




Customize how your Application's Dashboard should look like using easy drag and drop customization. Navigate to App Dashboard from Admin Panel sidebar to avail this feature. You can design your dashboard using 4 designing components:

  • Category Posts Carousel - Horizontally scrollable posts of a one/more news categories
  • Category Carousel - Horizontally scrollable news topics / categories
  • Category Posts List - Vertically scrollable posts of a one/more news categories
  • Custom HTML - Custom HTML/CSS design to show on dashboard.

Once you completed designing the application dashboard design, press the top right Save button and that will save your design. You can change the design anytime no matter how many users are already using your live app.

Article Posting

When it's the matter of posting News Article, News Categories is an important concept. In short, categories are the most general method of grouping news articles on your App. A category symbolizes a news topic or a group of news topics that are connected to one another in some way. While posting news article, you can choose it's category and update anytime.
To start writing new article, navigate to Post News on Admin Panel sidebar and provide below information to post your article.



  • News Title * - Title of your News Article
  • Article Body * - place where you will write your content. While writing, you can change font, color, add table, image, video, hyperlink etc. You can use File Manager to upload images directly to your hosting.
  • Cover Image (Optional) - Image to be displayed as News Cover Image on listing.
  • Category * - Topic of your news article.
  • Enable Comments * - whether or not allow users to comment on this article.
  • Save post as * - decide to save it as draft for future editing or publish live.

Firebase Connect

You will need to setup Firebase for the push notification feature. Follow the steps to add firebase into your Admin Panel for Push Notification.



  • Create a New Firebase Project from Firebase Console
  • Provide your Project/App Name
  • Enable Google Analytics for the Project
  • Select Android as project registration.
  • Enter Package Name, App Name, SHA-1 Fingerprint and click Register App.
  • Download google-services.json file and paste it inside the app folder of your Android App Source Code
  • Skip other things.
  • Go to Firebase Develop > Authentication > Set up sign-in method > Google, turn on Enable, provide your email address and Save.
  • Go to Firebase Project Overview > Project Settings > Cloud Messaging and copy the Server Key.
  • Navigate to Admin Panel's Settings menu and paste the server key inside Cloud Messaging Server Key.

Once you completed adding the google-services.json into your android source code and saved the Server Key in your Admin Panel settings, navigate to Push Notification from Admin Panel Sidebar and select an article to be notified to all users.

Settings

From Admin Panel Settings page, you can customize several app features real-time. Updated settings will be automatically applicable to all app users. Options you can customize from the settings page:

  • Cloud Messaging Server Key - server key to connect Firebase Cloud Messaging
  • Display Author Name - By enabling (Display) it, provided custom author name will be displayed on article page.
  • Auto Approve Comments - By enabling (True) it, user's comment will be approved automatically.
  • Required Login to Comment - By enabling (Required) it, user will have to login must to comment on articles.
  • Secure Key - is the secret key to be used by Android App for connection with admin panel.
  • Category Page Items - choose which categories to be displayed in the App's Category Listing Page.
  • Navigation Drawer Pages - choose which pages to be displayed in the App's Navigation Drawer.
  • Site Name - your site name that will be displayed on any shared web article's header.
  • App Download URL - your application download url/google play store url that will be displayed on any shared web article's page.

Setting up with Android Studio

Before this process, you'll need to get ready with belows:
  • Secure Key from Admin Panel Settings
  • google-services.json file downloaded from Firebase
  • Admob App ID - from Google Admob
  • Admob Ad Unit ID - Banner Ad Unit ID

Then follow the steps to complete your Admin Panel Installation process:
  • Unzip the file named android_source.zip and you will find a folder inside it named NewsApp, This is to be opened in your Android Studio.
  • Change the package name from com.frsarker.newsapp to your desired name.
  • Change your Website URL, Secure Key and Banner Ad Unit ID in Config.java file.
  • Change value to true for layouts you want to display Ad in Config.java file.
  • Change Admob App ID in AndroidManifest.xml file.
  • Replace Splash Screen Logo (logo_slash.png) in res -> drawable folder.
  • Replace App Logo (ic_launcher.png) from res -> mipmap-xxx folders.
  • Change App Name (app_name) from res -> values -> strings.xml file.

Changing Default Colors

You can easily modify app colors of different pages. To change the colors, you can go to app » res » values » colors.xml file and change whatever you need.

Below are the default colors you may need if you want to rollback anytime. 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="statusBarColor">#FFFFFF</color>
    <color name="colorAccent">#D81B60</color>


    <!-- ========= Splash Screen ========= -->
    <color name="splashBGColor">#FFFFFF</color>

    <!-- ========= Dashboard ========= -->
    <color name="dashboardToolbarBGColor">#FFFFFF</color>
    <color name="dashboardToolbarTextColor">#47565D</color>
    <color name="dashboardBGColor">#FFFFFF</color>
    <color name="dashboardLoaderBGColor">#DFDCDC</color>

    <!-- Navigation Drawer -->
    <color name="navHeaderBGColor">#FFFFFF</color>
    <color name="navHeaderTextColor">#47565D</color>


    <!-- ========= Category Page ========= -->
    <color name="categoryToolbarBGColor">#FFFFFF</color>
    <color name="categoryToolbarTextColor">#47565D</color>
    <color name="categoryBGColor">#FFFFFF</color>
    <color name="categoryLoaderBGColor">#DFDCDC</color>


    <!-- ========= Posts Page ========= -->
    <color name="postToolbarBGColor">#FFFFFF</color>
    <color name="postToolbarTextColor">#47565D</color>
    <color name="postBGColor">#FFFFFF</color>
    <color name="postLoaderBGColor">#DFDCDC</color>


    <!-- ========= Bookmarks Page ========= -->
    <color name="bookmarksToolbarBGColor">#FFFFFF</color>
    <color name="bookmarksToolbarTextColor">#47565D</color>
    <color name="bookmarksBGColor">#FFFFFF</color>
    <color name="bookmarksLoaderBGColor">#DFDCDC</color>


    <!-- ========= Article Page ========= -->
    <color name="articleToolbarBGColor">#FFFFFF</color>
    <color name="articleToolbarTextColor">#47565D</color>
    <color name="articleToolbarSubTextColor">#596165</color>
    <color name="articleBGColor">#FFFFFF</color>
    <color name="articleLoaderBGColor">#DFDCDC</color>
    <color name="articleFabBGColor">#E91E63</color>
    <color name="articleFabIconColor">#FFFFFF</color>


    <!-- ========= Comment Page ========= -->
    <color name="commentToolbarBGColor">#FFFFFF</color>
    <color name="commentToolbarTextColor">#47565D</color>
    <color name="commentBGColor">#FFFFFF</color>
    <color name="commentLoaderBGColor">#DFDCDC</color>
    <color name="commentFabBGColor">#E91E63</color>
    <color name="commentFabIconColor">#FFFFFF</color>


    <!-- ========= Page ========= -->
    <color name="pageToolbarBGColor">#FFFFFF</color>
    <color name="pageToolbarTextColor">#47565D</color>
    <color name="pageBGColor">#FFFFFF</color>
    <color name="pageLoaderBGColor">#DFDCDC</color>

    

    <!-- ======== Category Bubble Colors ======= -->
    <color name="cat_bubble_1">#7692F5</color>
    <color name="cat_bubble_2">#FF5252</color>
    <color name="cat_bubble_3">#5A6B96</color>
    <color name="cat_bubble_4">#DED500</color>
    <color name="cat_bubble_5">#969696</color>
    <color name="cat_bubble_6">#3A2EC7</color>


</resources>

Contact Us

Head over to our dedicated support email mas563563@gmail.com for any kind of queries.
Also you can ask for further support like:
  • Setting up the whole system in your Hosting
  • Helping to upload app in Google Play Store
  • Changing small things like App Logo, App Name, Static texts, colors etc.