LIVE PREVIEWBUY FOR $14

Frontier Information | Flutter UI Pack with Reside TV

Frontier Information is a contemporary, high-performance Flutter Cell App UI Template (Frontend
Solely)
designed for information companies, journal publishers, impartial journalists, and media broadcasters.
Crafted with Google’s Materials 3 design tips, Frontier Information delivers a bilingual consumer
expertise (English and Hindi), 24×7 Reside TV video streaming, breaking information tickers, immediate search,
offline bookmarks, font resizing, and glossy Gentle and Darkish themes.

The template contains twin knowledge mode: it runs out of the field on bundled pattern content material, so each
display screen works earlier than you write a line of backend code, and it has a clear, production-ready ApiService
layer that connects to any backend REST API (PHP, Node.js, Python, Laravel, Django, Firebase, Supabase or WordPress)
by setting a single base URL. The identical pattern content material additionally retains the app usable in case your server is ever unreachable.

Key Options

  • Materials 3 and Fluid Animations: Clear typography, easy transitions, and shimmer loading
    skeletons.
  • 24×7 Reside TV and Bulletins: Built-in YouTube participant for dwell broadcast streams and video information
    bulletins.
  • Bilingual Structure: Seamless one-tap language switching between English and Hindi with
    dynamic UI and content material updates.
  • Breaking Information Ticker: Animated real-time breaking ticker with direct article navigation.
  • Dynamic House Feed: Featured hero tales, class tabs, and paginated countless scrolling.
  • Article Element Expertise: Customizable studying font dimension slider, associated tales carousel,
    social sharing, and reader feedback.
  • Offline Bookmarks: Save favourite tales domestically on the machine utilizing SharedPreferences.
  • On the spot Search: Quick key phrase search with search historical past reminiscence and class filters.
  • Darkish and Gentle Modes: Full assist for Darkish Theme, Gentle Theme, and System Default matching.
  • Clear State Administration: Constructed with Supplier structure for strong, scalable state dealing with.
  • 100% Sound Null Security: Zero analyze warnings, 100% sound null security, and clear Dart code.

Connecting Your Reside REST API Backend

Frontier Information is constructed with a modular networking layer (ApiService) utilizing Flutter’s official
http bundle. You possibly can simply join the app to your present or customized backend:

  1. Open lib/core/constants/app_constants.dart.
  2. Replace apiBaseUrl along with your dwell backend area (e.g. https://yourdomain.com/api/v1).
  3. The included offline HTML documentation incorporates full JSON schemas and pattern payloads for all endpoints:
    • classes.php — Class listing with slug, identify, coloration, and icon.
    • articles.php — Paginated article feed with filters (class, breaking, featured, trending,
      search).
    • article.php — Single article element with associated tales and feedback.
    • livetv.php — Reside stream URL, viewer depend, ticker, and video bulletins.
    • settings.php — App metadata, social channels, and speak to data.
    • feedback.php — Reader remark submissions.

Vital Discover: Third-Celebration Providers and YouTube Information API v3

Exterior Service Disclaimer: The Reside TV and video playback options on this template use the
embedded YouTube Participant and, optionally, YouTube Information API v3. Each are exterior third-party companies offered by
Google LLC. Video playback works with no key; including your personal YouTube Information API v3 key permits real-time dwell standing,
concurrent viewer counts and bulletin durations on the Reside TV display screen.

  • Purchaser Duty: The customer/licensee is solely accountable for creating their very own Google
    Cloud account, producing their very own YouTube Information API v3 credentials, managing every day API quotas, monitoring price
    limits, and dealing with any potential utilization prices.
  • Setup Information Included: The included documentation gives a complete, step-by-step information on
    making a Google Cloud Undertaking, enabling YouTube Information API v3, producing an API key, limiting it by Bundle ID /
    SHA-1, and configuring it inside AppConstants.
  • Phrases Compliance: All video streaming adheres to YouTube Phrases of Service.

Screens Included

  • Splash Display screen: Animated emblem branding with computerized initialization.
  • Major House Feed: Hero headline card, breaking information ticker, and class chips.
  • 24×7 Reside TV Display screen: Embedded dwell video participant, viewer metrics, and bulletin highlights.
  • Class Articles Display screen: Devoted class feeds with pull-to-refresh and infinite scroll.
  • Article Element Display screen: Excessive-res cowl picture, writer metadata, font resizing, share sheet, and
    remark listing.
  • Search Display screen: On the spot search bar with question historical past tags and clear actions.
  • Bookmarks Display screen: Domestically saved articles for offline studying.
  • Navigation Drawer: Class shortcuts, language switcher, and social media handles.
  • Settings Display screen: Theme switcher (Gentle/Darkish/System), font scale, and app model information.

Demo Directions

Demo login will not be required. Frontier Information is a reader-facing information utility with no sign-in
display screen, no consumer accounts and no protected space, so there isn’t any demo e-mail or password to enter. Anybody who installs
the construct lands instantly on the dwell information feed.

  • Demo e-mail: not relevant – the app has no login display screen.
  • Demo password: not relevant – the app has no login display screen.
  • How you can run the demo: unzip the bundle, open 01_Source_Code, then run
    flutter pub get adopted by flutter run. No configuration and no API key are wanted to see
    the app working.
  • Information proven within the demo: the bottom URL ships because the placeholder
    https://yourdomain.com/api/v1, so no visitors is distributed anyplace till you enter your personal area. Till
    then the app renders the bundled pattern content material in lib/companies/mock_data.dart, and each display screen –
    feed, classes, article element, Reside TV, search, bookmarks and settings – works immediately.
  • Posting a remark: the remark type on the article display screen asks just for a reputation and an e-mail
    handle of your alternative; no account or password is concerned.
  • Connecting your personal backend: set apiBaseUrl in
    lib/core/constants/app_constants.dart. The included documentation lists the JSON schema of each
    endpoint and explains the right way to deploy your API behind Nginx or Apache.

Technical Specs and Necessities

  • Framework: Flutter 3.x (Dart 3.x) with 100% Sound Null Security
  • Android Help: Android 7.0 (API 24) to Android 15 / 16 (compileSdk 36, targetSdk 36)
  • iOS Help: iOS 15.0 and newer (Xcode 15+)
  • Software ID / Bundle ID: com.frontiernews.app (configured identically on Android
    and iOS)
  • State Administration: Supplier (v6.1.2)
  • Persistence: SharedPreferences

What You Get

  • Full Flutter Frontend Supply Code (clear Dart, Kotlin, Swift tasks).
  • Full Offline Searchable HTML Documentation with step-by-step setup guides, screenshots, and REST API schemas.
  • Licensing and Credit documentation.
  • Pattern graphic property, icons, and fonts.

Buyer Help and Customization Help

All assist for this merchandise is dealt with via Envato. If you happen to need assistance with setup, API wiring or customization, open a
ticket on the Help tab of this merchandise web page and we are going to reply there. Pre-purchase questions are
welcome within the Feedback tab.

Notes

  • This merchandise is a Flutter Cell App UI Template (Frontend Solely). It’s pre-configured with demo
    mock knowledge for quick testing and contains full documentation for dwell REST API backend integration.
  • Preview images proven in screenshots are sourced from Unsplash for demonstration functions and should not bundled in
    the ultimate bundle.


Source