Download Delta News – Full Application React Native Android iOS Web, It is a Mobile App Templates on CodeCanyon.
Build your own news application for mobile and web, both are supported under a single codebase. One code for everything. You export to android, ios and web with 1-click.
Includes front-end, back-end, and admin panel to manage and communicate between the two. You can have journalists with their own access permissions, set admins, manage articles, create new articles and edit them later, publish articles now or any time. Set your own article states such as pending approval, under review, draft, deleted, online, etc!
Build regular news articles or slideshows showcasing a range of images inside a gallery! You can go next/previous and view text, images, rich format and more! Very handy especially for those all-popular “top 10 latest gadgets/tech” type articles!
Either write articles manually or use HTML code to display them, and style them however you wish, with embedded images and video too! Articles have the option to allow/disallow commenting, users can express their feelings and thoughts, reply to others and more!
App theming has dark mode built-in to both the admin panel and the front-end application! Users can read news at night, protecting their eyes. More settings include links, article categories, allowing user sign up before accessing the application, advertisement settings such as banner, advertisement provider etc. Either choose between a bottom banner ad placement or ads inside the article text.
Admin panel shows how long users are staying on articles, which articles are being read the most, which articles have the most visits and views, total users registered, total articles made. Create, read, update, delete any data such as articles, comments, users, categories & more! Social media links are also added for helping with engagement.
What You Get
– React Native front-end (deployable to all web, iOS, android)
– Node.js back-end with PostgreSQL database
– React admin dashboard (Single-page application)
Why React Native?
Why Node js, express, postgres (PERN stack)?
We’ve chosen node and express as the back-end due to it’s powerful middleware design, allowing us to dissect and organise routes as well as add middleware (conditional too!) to have powerful functionality, as well as being minimal by design. Postgres is also a good choice for this application because of its performance and capabilities. Express is good because it allows us to combine our middleware, controllers, routers and reduce coding/development time significantly.
The front-end (client) is the main app, which can be exported to web, ios and/or android. Using Expo we can easily deploy either as a full-apk, or a bundled (and more efficient) apk to release on the store.
The whole client is a single-page (SPA) too, which means better performance, more user-friendliness and fluid pages. Users will be playing on the client, with their progress, attempts, levels saved
while they are actively engaged in the app. The client will load data from the backend and respond accordingly. We feature adverts for Google Admob, which can be configured in the admin dashboard, among other things. Easily enable/disable adverts, change advert providers, ID, etc.
Article Main Screen
Slideshow Screen with Gallery
Responsive Nav Bar & Modal Screen
Subscribe Newsletter Screen
Interstitial Advert Screen, Bottom Banner Ad Screen
Login Screen, Register Screen, Forgot Password Screen
—Create custom roles, on top of the existing ones: (Superadmin, Admin, Basic).
—Block certain routes to insufficient roles, such as updating users, reading users, etc.
—Assign actions for different routes, so readOwn, readAny, updateOwn, updateAny, deleteOwn, deleteAny, createOwn, createAny, and more!
—Superadmins are hardcoded in the backend and must be configured manually in the code, but it’s very easy and only requires changing the email (and setting it to whatever you wish the superadmin’s email to be), and then create a new account in the front-end.
—Token-based authentication, with tokens being stored in the cookies (for dashboard login) and Secure Storage/Async Storage depending on your system. Mobile devices will use SecureStorage.
—JWT tokens are used, which are technically public but have a private key, incredible security.
—Token verification so if any tokens are tampered with they will not let you pass!
—Forgot password has a django-based system which is incredibly secure. Provides links that expire in a certain timeframe, as well as expire if any data changes in the database, meanwhile being as performant as possible and doing the cheapest if-else checks first, to avoid expensive calls.
—Google OAuth 2.0 support for logging in and/or registering, offload the hardwork to a technological giant, Google!
—Passport JS support for logging in and verifying access tokens
—Optionally allow unregistered access (only admins can edit this setting via admin panel)
—Image support for articles, including thumbnail images
—Supports AWS/S3 bucket for uploading images and accessing them alike.
—Built-in system for updated/created at for every data in the system.
– Node js hosting (preferably amazon or google)
—Free alternatives include: Heroku, Glitch
– An image repository, such as Amazon S3 buckets (optional)
– If developing for android, you need a google developer account.
– If developing for ios, you need an apple developer account.
– If you want adverts, you need to be a part of the AdMob programme.
– VisualStudio Code