Zak – (4 in 1) Multipurpose Phonegap App with Admin Panel, Website and REST API
Zak – (4 in 1) Multipurpose Phonegap App with Admin Panel, Website and REST API can be utilized for numerous varieties of
challenge functions. Various area of interest primarily based SAAS initiatives will be made with this app, that make it full one cease
answer for all of your wants. You can construct each Android or IOS app with it.
Zak Cordova/Phonegap App is designed utilizing
Materialize CSS Framework. It is fashionable responsive entrance-finish framework primarily based on Material Design.
It
is specifically designed to present your cell app a novel and elegant look. It is straightforward to customise
and coded in developer pleasant method.
Zak Admin Panel is a premium admin dashboard constructed with the
Powerful React framework and Bootstrap 4 with Reactstrap and create-react-app. It is the backend
of our challenge. It offers full entry to administrator of phonegap app. Zak App Admin Panel
consists of many react primarily based plugins.
Zak Rest Api makes use of PHP
as our backend programming language and MySql as database for Rest Api. It helps conserving all our
app logic and retailer
information in database. Rest Api
makes our app content material dynamic. It connects Phonegap app and backend panel collectively.
Zak Website is absolutely purposeful and dynamic frontend web site designed utilizing
Materialize CSS Framework. It is fashionable responsive entrance-finish framework primarily based on Material Design.
All the content material is fetched with Ajax primarily based requests. This makes it actually quick and environment friendly. All the content material in
web site app is dynamic, reside and linked to our cell app. Just like our cell app, this information will be managed
from admin panel as nicely.
For HTML model go to: Zak: Multi Purpose Mobile Web App template
Project Demo:
Admin Panel Demo:
Click here for Admin Panel Demo
Admin Panel Demo Login: Username: admin Password: admin
Mobile App Demo:
Download cell app for android right here: Android Mobile
App
You can register as new consumer or login with demo account on cell app
Mobile App Demo Login: Username: demo Password: demo
Website Demo:
You can register as new consumer or login with demo account in web site app
Website App Demo Login: Username: demo Password: demo
All Features:
User Management
- Powerful consumer administration module built-in in this challenge.
- Users can register and login from app. Fully purposeful options corresponding to Forgot Password, Email Verification,
Reset password, Activate account and so forth. are included in the app. - All Users will be managed from Admin Panel as nicely.
- Along with login with e mail, we now have built-in Social Login with Google. Users can register and
login with google account as nicely, with out filling any type. - Basic profile data like Name, Email, Image are extracted from Google Account of User and thus helps in sooner
consumer registration and login expertise. - Basic User Profile Management will be carried out from app and additionally from backend admin panel by consumer.
- Any consumer account will be made energetic/inactive from backend, thus giving full management to app administrator.
User Profile
- All customers are displayed in app and any consumer can work together with different consumer.
- All customers can view different customers profile on app.
- Any consumer can ship pal request and observe different consumer from this module.
- User after login, may also handle particulars like Image, Brief, Location, Date of Birth, Position and so forth. from this
module. - Profile exhibits data like associates depend, followers depend, following depend.
- Profile exhibits consumer’s data like checklist of associates, followers, following, albums, temporary about consumer and so forth.
ACL (Access Control)
- We have built-in straightforward to make use of ACL system in our app.
- You can handle which pages will be accessed solely by logged in consumer and which set of pages will be considered by public
customers.
Login Expiration
- Login expiration characteristic helps in making your app safer to make use of.
- You can set a time after which logged in consumer should re-enter their password to proceed utilizing this app.
- User is redirected to a app locked display and requested to re-enter their password (after eg: 48 hours of login).
You can set your individual time, based on your necessities. - Login expiration time is in milliseconds.
Event Management
- Events module assist in displaying all the newest occasions taking place round and notify to all customers.
- Users can create occasions from app with particulars corresponding to occasion begin date and time, finish date and time, occasion
class, Users concerned in occasions, occasion photos, occasion location, temporary description. and so forth. - Users may also ship notifications to customers concerned in this occasion.
- These occasions will be made public (and proven to all customers) and will be made personal (to be proven to solely customers
concerned in occasion). - App administrator may also handle this occasion from admin panel backend.
- App administrator can create any occasion for public from admin panel backend. Plus administrator can monitor all
the occasions created in the app by numerous customers. - Events classes may also be managed from admin panel. App administrator can create any variety of classes
and customers can add occasions in these classes.
Albums Management
- Users can create an album by importing photos in this app.
- Users have an choice to show these albums in numerous types like Grid, Masonry, Carousel, Sliders, Multi
Column, Full Screen and so forth. - Users even have possibility enable who can view their album. Users can preserve the album for public view, present just for
their associates, or make it personal as per their liking. - Each media in album has an possibility so as to add title and temporary description.
App Notifications
- Notifications are despatched to customers concerned in the varied actions taken on app.
- Notifications will be despatched to all customers on creating or updating a brand new occasion.
- Users get notification on receiving new pal request, accepting/rejecting pal request and making new
associates. - Users additionally get notified when somebody follows or unfollows them.
- Notifications will be despatched to associates on creating new album.
- Users can view and take acceptable actions from this notifications module. New notifications depend is proven in
app header as nicely.
Friends Module
- With this app customers can ship pal request to all customers.
- On receiving a pal request, consumer get notified and is requested to both settle for or reject pal request.
- Users can turn out to be associates and thus join with one another.
- Friends web page, despatched pal request and request acquired as proven individually in app.
- Friends may also be managed from backend admin panel by app administrator.
Followers Module
- Users can observe and unfollow different customers in the app.
- Respective notifications are despatched to customers when a consumer follows or unfollows somebody.
- User followers and following are proven individually in the app.
- User followers may also be managed from backend admin panel by app administrator.
Mailbox
- A totally purposeful mailbox is built-in in this app.
- Users can ship messages similar to any internet mail app to different customers in the app.
- Mails are managed as threads and thus can be utilized for any lengthy conversations between customers.
- Mails may also be added to classes and thus will be organized nicely.
- Users can load mails by a mail class, starred mails, trash mails, draft mails, despatched mails, acquired mails
and so forth. - Users can mark mails as necessary by staring or unstaring them.
- Mails may also be saved as draft and despatched later.
- Users can reply to the mails acquired in a mail thread construction.
- Mails may also be forwarded to different customers from this app.
- Mails are proven in numerous sections like inbox, despatched, trash, draft, Unread, Starred.
- Mails will be marked as learn or unread from this app
- Bulk actions are additionally built-in corresponding to star/unstar mails, mark as learn / unread mails, transfer mail to trash /
inbox, Assign class to mails. and so forth. - Mail attachments are additionally built-in whereas composing mails
- App administrator can handle and evaluation all mails despatched on this app from backend admin panel
Chat & Messaging
-
Users can chat with one another in this app similar to some other chating software. A totally purposeful chat app is
built-in. - As app administrator, you’ll be able to enable customers to talk with associates solely or customers can chat with all customers on the
platform. - Messages checklist exhibits all latest/newest dialog with a consumer.
- New and unread messages depend can also be proven subsequent to every consumer.
- Users can ship textual content messages and attachments as nicely in chat.
- Users can star/unstar any messages.
- Users can choose and reply to any specific message, similar to any premium chat software.
- Small tick marks are proven beneath every message, indicating the message is learn or unread by different consumer.
- App administrator can preserve monitor of and handle all chat messages in backend as nicely.
Blog Module
- Blog Module is built-in in this app. Blogs will be managed by app administrator in backend.
- Blogs will be proven in numerous weblog classes. Blog classes are additionally managed by app administrator in backend.
- Blogs will be set as grid, masonry, left or proper aligned, alternate aligned, full width, single or multi
columns, content material solely blogs and so forth. - App administrator can add blogs in backend and save as draft or make reside.
- 13 completely different types of weblog are built-in in this app. They are: Single Column Blog, Full Width Blog, Grid 2
Column Blog, Masonry 2 Column Blog, Small Style Blog, Medium Style Blog
Small Right Aligned Blog, Medium Right Aligned Blog, Alternate Small Blog, Alternate Medium Blog,
Title Only Blog, Content Blog and Content 2 Column Blog. - These blogs can be found to view for public customers.
Portfolio Module
- Portfolio Module is built-in in this app. Portfolios will be managed by app administrator in backend.
- Portfolios will be configured in numerous types like Grid, Masonry, Carousel, Sliders, Multi
Column, Full Screen and so forth. - Each media in portfolio has an possibility so as to add title and temporary description.
- App administrator can bulk add media photos in portfolio.
- Multiple variety of portfolios will be created by deciding on completely different photos. Images are uploaded as soon as and will be
added in a number of portfolios. Thus saving server house and make it straightforward to handle. - Portfolio Media part helps in managing data concerning all portfolio media objects directly, thus saving
time and effort. - These portfolios can be found to view for public customers.
Social Media Login Oauth
- Our app has an choice to register and login consumer with google account.
- To activate google account login, detailed documentation is added on easy methods to create and configure settings in
google developer console. - Google Login permits customers to login or enroll solely with one single click on.
- OAuth technique is used to combine google account login.
- Basic profile data like identify, e mail, picture are extracted from google account and added in our database.
If consumer updates these data in their google account, these data is checked/up to date everytime consumer login in our app.
Team Members
- Team members will be added with their picture, identify, place, temporary data in our app.
- Team members will be configured from backend admin panel by app administrator and will be displayed in the app.
- It is on the market for all public by default and doesn’t require consumer to login to view workforce members. But this
conduct will be modified through the use of ACL module.
Testimonials
- Testimonials modules assist in configure messages that our prospects left us.
- Testimonials will be added from backend admin panel by app administrator and are seen in our app.
- All testimonials objects have an possibility so as to add Name, Image, Position, Message.
- Testimonials are displayed in single column slider in our app.
Contacts Module
- Contacts module is built-in in our app. Users can handle their contacts in this app.
- Information like Phone, Email, Name, Location, Image will be added in our contact checklist of our app.
- All this contact data will be managed from admin panel by app administrator.
- User can create and retailer their contacts from app.
- User may also straight name, sms and e mail their contacts from app itself.
FAQ
- FAQ module is built-in in our app.
- Basic generally requested questions and their solutions will be configured from admin panel.
- A devoted web page is made for FAQ, the place all questions and solutions can displayed in our app.
- App administrator can activate/deactivate these questions anytime from backend.
Client Module
- Client modules helps in showcasing our shoppers to all app customers.
- Clients are displayed in a grid method and don’t require login to be view. But this behaviour will be modified
utilizing ACL modules of our app. - App administrator can retailer details about consumer like Name, Image, Logo, Website and so forth. in backend admin
panel.
JSON Web Tokens Security
- Json Web Tokens are extensively used for Authorization and data trade in an app.
- We use extremely safe Json Web Tokens to entry Rest Api.
- All the requests made to relaxation api are cross checked with safe internet tokens first.
- Guest internet tokens are generated for non logged in customers. User primarily based internet tokens are generated for customers on the
time of login. - Web tokens assist us in figuring out the consumer and makes certain that consumer shouldn’t be a malicious consumer making an attempt to steal our
information. - JSON Web Token (JWT) is an open commonplace (RFC 7519) that defines a compact and self-contained approach for securely
transmitting data between events as a JSON object. - We use Json internet tokens www.JWT.io for this app.
- Expiration time of internet tokens will be set as per our necessities in relaxation api.
Rest API
- We use PHP and MySql for constructing our REST API.
- We use Ajax to ship all of the request from cell app or admin panel to relaxation api
- These requests are secured with internet tokens and checked for its validity.
- Once the request is validated, PHP scripts hook up with our MySql database and fetch obligatory information. This information is
despatched again as Ajax response to our app or admin panel. - Rest Api code is split into numerous modules like User, Albums, Events, Friends, Followers, Team members,
shoppers, Mailbox, Chat and so forth. - All the request despatched is utilizing Ajax Post technique, which makes it safer and dependable.
Admin Panel
- Zak App Admin Panel is a premium admin dashboard constructed with the Powerful React framework and Bootstrap 4 with
Reactstrap and create-react-app. It is specifically designed to present your admin panel a novel and elegant look. It
is straightforward to customise and coded in developer pleasant method. - It is absolutely responsive admin dashboard template and is adaptive with any measurement viewport. Solid integration of
reusable UI parts and newest trending plugins. - Admin Panel has dynamic routes built-in from a single file
- Admin Panel is built-in with numerous coloured themes and will be switched simply.
- You can select any theme as your individual by default, based on your branding wants.
- Only admin customers can login in admin panel.
- To simply configure all the info in the admin panel, we outline them below variables part.
- CSS is predicated on SASS in our admin panel, which makes it very straightforward to handle.
- Also any adjustments made in code are sizzling reloaded with out refreshing the browser. These makes it very quick and straightforward
to make any updates. - SASS is used to auto compile your challenge CSS file when any change is made. All the CSS settings like colours,
fonts, sizes will be edited from a easy variables file. To fit your branding wants you’ll be able to simply make an
styling adjustments in couple of minutes.
File Management
- Our Admin panel has an built-in file supervisor, the place all of the media information are saved.
- All the media information uploaded from numerous modules in our app and admin panel will be considered from file supervisor in
admin panel. - Information of every file like title, description will be managed in file supervisor.
- All the information in file supervisor present the module with which they’re related with.
- All the information uploaded are saved in uploads listing.
- Allowed file varieties and file extensions are configured in Rest Api settings file. This helps in securing our app
from malicious file uploads. - All the photographs are cropped in smaller dimensions utilizing GD Image Library in our Rest Api.
GD Image Processor
- We use GD picture processor library in our PHP primarily based Rest Api to crop photos to completely different sizes.
- Images will be cropped to smaller dimensions (sustaining side ratio) and to mounted thumb sizes.
- These photos are saved in uploads listing on our server.
- GD is an open supply code library for the dynamic creation of photos. GD is used for creating PNG, JPEG and GIF
photos and is often used to generate charts, graphics, thumbnails on the fly. The three commonplace sort of photos
that may be created from scratch with the PHP GD Library are: JPG, GIF and
PNG.
Import Demo
- With our downloaded bundle, you get an choice to import our app demo.
- Importing our app demo, will show you how to in making your app look similar to our demo.
- This step is optionally available and can be utilized in the event you like to grasp our app higher.
Demo Mode
- This app and admin panel each have an possibility as demo mode.
- User in demo mode can login and entry the app and admin panel, however cannont make any adjustments. In demo mode consumer
can’t make any additions/updations/deletions in app. - This is useful in numerous conditions and can be utilized in manufacturing for testing or presentation functions.
- You can create demo accounts as nicely in the system.
Inbuilt Themes
- Our cell App comes with a number of prebuilt themes. You can use any as per your liking.
- You can provide your customers an possibility to select any theme of their alternative as nicely.
- You can present all themes in aspect menu additionally configure your default settings.
- All themes will be configured as mild and darkish mode in app.
- Theme configurations are additionally obtainable in Admin panel and will be configured as per your necessities
- Just like app in admin panel you may also set your default theme and permits consumer to change between themes from
admin panel itself.
Light and Dark Mode
- Our Mobile App will be considered as mild and darkish mode.
- You can preserve each the variations in your challenge or present solely as mild or darkish.
- There is a icon in header to change between mild and darkish mode.
- User can change to any mode as per liking.
App Headers
- Header high bar has variety of variations in this template.
- For App header sturcture there are principally 4 completely different header layouts in this app. 1. Centered Header
(default), 2. Left Aligned Header, 3. Right Aligned Header, 4. App Style Header. - Also app header will be configured in numerous coloration modes like Light Header, Dark Header, Theme coloration header or
any particular coloured header as per your branding wants.
App Footers
- Footer has variety of variations in this app. Footers are displayed at finish of every web page in our app.
- Footer layouts are principally in 3 completely different layouts in this app. They are:
1. Centered Footer
2. Left Aligned Footer (default)
3. Minimal Footer - All the above footer layouts will be configured in numerous coloration choices like Light Footer, Dark Footer, Colored
Footer and so forth.
App Fixed Bottom Menu
- Fixed Bottom Menu is the small menu on backside of each web page in this app.
- This backside menu will be configured and used like our fundamental web site navigation menu as an alternative of left bar menu.
- It is designed to have most 5 hyperlinks as per your want.
- It is configured to have mild, darkish and coloured type.
App Navigation Menu
- Navigation Menu are displayed in left aspect of our app and has variety of variations.
- Navigation Menu will be opened/closed from menu icon in header.
- There are principally 2 completely different navigation menu layouts in this app. They are:
1. Centered navigation menu and 2. Left Aligned navigation menu (default). - These navigation menus will be utilized from settings aspect bar of this app.
- Different types like Light Style Menu, Dark Style Menu, Colored Menu and so forth. will be configured as nicely.
- Menu icons may also be set as proven or hidden by default in our app. User may also configure it from app
settings.
App Settings
- Settings Menu accommodates all of the settings of our app.
- User can configure their very own settings as nicely.
- Settings menu has choices for themes, header format, header type, footer format and type, menu format and
type, Fixed Bottom Menu, Menu Icons, Site mode and so forth. - As as app proprietor you’ll be able to configure default settings for the app as nicely.
Inbuilt App Pages
- Our Mobile App has prebuilt app pages.
- Some frequent pages like about us, contact us, timeline, bill, pricing tables, walkthrough, 404, 500, welcome
display, shoppers, testimonials, faqs and so forth. prebuilt in our app. - You can configure and make adjustments to this pagse as required.
Access Pages
- User entry part is outlined in our app.
- User account associated settings like reset password, forgot password, activate account, e mail verification are
included in this part of our app.
App Icons
- Fonts Icons used below this challenge.
- Material Design Icons font icons are used in our app.
- Simple line icons are used in our admin panel.
- Along with that font superior icons library is built-in in our admin panel.
Google Fonts
- Google Fonts are used in our app and admin panel.
- These fonts are free to make use of and will be modified simply as required.
- Fallback fonts are additionally configured, in case google fonts take any time to load.
User Interface Elements
- Many UI components are configured in our app.
- You can select to make use of a component and create your individual pages.
- Buttons, Icons, Cards, Icons, Badges, Media, Shadow, tables, collections, progress bars, preloaders and so forth. are pre
configured in our app. - A totally loaded UI Kit helps in creating and updating our app quick and straightforward.
Form Elements
- Along with UI components, our app has built-in types and parts.
- From primary type components like inputs, checkboxes, radioboxes, information, choose bins to superior parts like
date picker, time picker, sliders, switches, ranges are built-in.
App Components
- Functionality and consumer interactive parts are nicely integrted in our app.
- Components like accordions, mild field, slider, carousel, dropdowns, tabs, toast, parallax and so forth. are built-in.
Graphs and Charts
- Our Mobile App is built-in with numerous varieties of graphical representations.
- Charts like line, space, bar, stacked bar, scatter, donut, pie, funnel and so forth. are configured in this app.
- Echarts library is built-in for graphical representations. You can prolong or configure it as per your want.
- You can go to the Charts part of this template for additional reference.
Frontend Website
- Based on Materialize CSS Framework.
- Ajax primarily based requests and response.
- Connected to our cell app, admin panel and relaxation api.
- All the info is dynamic and loaded as absolutely purposeful web site.
- Google Login for customers additionally built-in in web site.
- All the phonegap options above are current in our web site as nicely.
Features of Phonegap App
- Build utilizing Cordova/Phonegap
- Build utilizing Materialize CSS framework.
- Events Module
- Friends module
- Followers module
- All User Module
- Album Module
- Chat and Messages Module
- Google Login
- User Login and Registration
- Based on Rest Api
- Testimonimals Module
- Team Members Module
- Client Module
- FAQ Module
- User Account Management Module
- Phonegap App with Fully purposeful Admin Panel Backend
- 150+ Inbuilt Demo Pages
- 15 Color Themes Included
- Light and Dark Mode
- 4 Different Header Layouts
- 3 Different Footer Layouts
- 2 Navigation Menu Styles
- Various Types of Portfolios
- Various Types of Blogs
- Material Font Icons
- Google Fonts
- Detailed Documentation
- User Interface and Utility Components
- Charts library for Graphical Representations
- Calendar and Event App
- Contacts, Messages, Notification Modules
- Mailbox Module
- Profile Management Module
- Fixed Bottom Menu for fast hyperlinks
- Super Fast and Light Weight
- Coded to be developer pleasant
- Multi Purpose and Wide Range of pages
- Famous Material Design UI
- Premium and Elegant Template
- Site Access and Error Pages Section
- Various Mobile Site Inner Pages
- Various Input Forms and Components
- Complete Mobile UI App
- Excellent Support
Admin Panel Features
- Bootstrap 4
- Font Icons
- jQuery
- Moment
- Node SASS
- Perfect Scrollbar
- React Bootstrap Datatable
- React CKEditor
- React Date picker
- React Date Time Picker
- React Wysiwyg editor
- React Masonry gallery
- React Notification Alert
- React Time Picker
- Reactstrap
- Events Module
- Friends module
- Followers module
- All User Module
- Album Module
- Chat and Messages Module
- User Login and Registration
- Based on Rest Api
- Testimonimals Module
- Team Members Module
- Client Module
- FAQ Module
- Contacts, Messages, Notification Modules
- Mailbox Module
- Color Themes Included
- Google Fonts
- Detailed Documentation
- User Login and Registration
- User Email Verification and account activation
Images not included in demo
Updates:
V1.2 - fifteenth Aug 2021 - Updated documentation - Disabled some console.log statements - Removed unused type - Removed empty rule units for type - Added cross browser compatibility guidelines - Removed ignored css properties - Compatible with newest cordova variations. V1.1 - twenty fifth June 2020 - Added Website model - Updated documentation V1.0 Initial Release