Apptastic | PhoneGap & Cordova Mobile App Review – 5/5 Stars
Introduction
I am thrilled to share my review of Apptastic, a PhoneGap & Cordova mobile app template that has left me thoroughly impressed. With its incredible features, ease of use, and outstanding support, Apptastic is an absolute must-have for any developer looking to create a top-notch mobile app. In this review, I will highlight the key features, advantages, and update history of Apptastic, giving you a comprehensive understanding of this exceptional tool.
Main Features
Apptastic boasts a plethora of features that cater to a wide range of needs.
- PhoneGap & Cordova Compatibility: Apptastic is designed to work seamlessly with PhoneGap and Cordova, allowing developers to build cross-platform mobile apps.
- 400+ Resizable Icons: With over 400 icons from Font Awesome, you’ll never run out of options to customize your app’s appearance.
- Crisp and Beautiful Fonts: Google Fonts are integrated to provide an unparalleled typography experience.
- OwlCarousel Slider & Swipebox Image Galleries: These features are perfect for showcasing your content in a visually appealing way.
- CSS3 / PHP / Ajax Contact Form with Validation: Secure and efficient, this form ensures a seamless user experience.
Design Features
Apptastic’s design is optimized for touch devices, making it a perfect fit for modern mobile applications.
- Optimized for Touch Devices: Intuitive navigation and responsive design ensure a user-friendly experience.
- CSS3-Based Design: Apptastic’s design is built on CSS3, making it lightweight, fast, and easy to customize.
- Elegant Design: The theme’s simplicity and elegance ensure a professional-looking app that appeals to users.
- High Definition / Retina Graphics: Apptastic is designed to be visually stunning on high-definition and retina devices.
Typography Features
Apptastic’s typography features are impressive, offering a wide range of customization options:
- Text Columns
- Image Columns
- Icon Columns
- Responsive Images
- Responsive Videos
- Responsive Maps
JQuery Features
Apptastic includes various jQuery features to enhance user experience:
- JQuery Page Preloading
- JQuery Device Detection
- JQuery Navigation
- JQuery Toggles
- JQuery Accordion
- JQuery Tabs
- JQuery Quote Slider
OS Requirements
To ensure seamless functionality, Apptastic is compatible with:
- iOS 10+
- Android 6+
Updates
Apptastic’s development team has been consistently updating the theme to incorporate new features, fix bugs, and optimize performance. Some notable updates include:
- Version 3.2 (2nd March 2022): Updated icon library to FontAwesome 6 and supported FontAwesome 5.
- Version 3.1.4 (6th December 2021): Upgraded Bootstrap 5.x JS, CSS, and SCSS to the latest versions and fixed flexbox container align self center.
- Version 3.1.3 (20th September 2021): Improved compatibility with new iOS15 tab bar safari interface and updated Bootstrap 5.x.
- Version 2.1.1 (14th May 2020): Resolved an issue with the footer menu version and updated all scripts and styles to latest stable versions.
Conclusion
In conclusion, Apptastic is an incredible PhoneGap & Cordova mobile app template that has exceeded my expectations. Its impressive features, ease of use, and outstanding support make it a must-have for any developer looking to create a professional-grade mobile app. I highly recommend Apptastic and give it a 5-star rating.
User Reviews
Be the first to review “Apptastic | PhoneGap & Cordova Mobile App”
Introduction to Apptastic: Building Mobile Apps with PhoneGap & Cordova
Apptastic is a powerful tool that allows developers to build mobile apps for Android and iOS devices using PhoneGap and Cordova. PhoneGap is an open-source framework that enables developers to create mobile apps using web technologies such as HTML, CSS, and JavaScript. Cordova is a set of plugins that provides access to native device features, such as camera, GPS, and contacts.
In this tutorial, we will guide you through the process of creating a mobile app using Apptastic, PhoneGap, and Cordova. We will cover the basics of Apptastic, how to set up a new project, and how to use the various features and plugins provided by Cordova.
Prerequisites
Before starting this tutorial, you should have the following:
- A computer with a web browser (Google Chrome or Mozilla Firefox recommended)
- A code editor or IDE (Integrated Development Environment) such as Visual Studio Code or Sublime Text
- A basic understanding of HTML, CSS, and JavaScript
- A GitHub account (optional)
Getting Started with Apptastic
To get started with Apptastic, follow these steps:
- Go to the Apptastic website and sign up for a free account.
- Once you have signed up, click on the "Create a new project" button.
- Choose the type of project you want to create (e.g. Android, iOS, or both).
- Enter a project name and a brief description.
- Click on the "Create project" button.
Setting Up a New Project
Once you have created a new project, you will be taken to the project dashboard. From here, you can access various features and tools to help you build your mobile app.
- Click on the "Settings" icon (represented by a gear) in the top right corner of the dashboard.
- In the settings menu, click on the "Project settings" tab.
- In the project settings, you can configure various options such as the project name, description, and icon.
- You can also add team members and configure access permissions.
Creating a New File
To create a new file in your project, follow these steps:
- Click on the "Files" tab in the project dashboard.
- Click on the "New file" button.
- Choose the type of file you want to create (e.g. HTML, CSS, JavaScript, or image).
- Enter a file name and click on the "Create file" button.
Writing Code
Once you have created a new file, you can start writing code. Apptastic uses the same code editor as your computer, so you can use your favorite code editor or IDE to write and edit your code.
Using Cordova Plugins
Cordova provides a wide range of plugins that allow you to access native device features, such as camera, GPS, and contacts. To use a Cordova plugin, follow these steps:
- Go to the Cordova website and search for the plugin you want to use.
- Click on the plugin's page and click on the "Install" button.
- Follow the installation instructions to install the plugin in your project.
- Once the plugin is installed, you can use it in your code by importing the plugin and calling its methods.
Building and Running Your App
Once you have written and tested your code, you can build and run your app on a physical device or emulator. To do this, follow these steps:
- Go to the project dashboard and click on the "Build" button.
- Choose the type of build you want to create (e.g. Android, iOS, or both).
- Click on the "Build" button to start the build process.
- Once the build process is complete, you can run your app on a physical device or emulator.
Conclusion
In this tutorial, we have covered the basics of Apptastic, how to set up a new project, and how to use the various features and plugins provided by Cordova. With Apptastic, you can create powerful and feature-rich mobile apps using web technologies such as HTML, CSS, and JavaScript. We hope this tutorial has been helpful in getting you started with Apptastic. Happy coding!
Platform
{
"name": "MyApp",
"version": "1.0",
"platforms": ["ios", "android"]
}Source
{
"src": ["path/to/myapp/src/index.js"]
}Theme
{
"theme": {
"android": {
"version": 28,
"apiLevel": 28,
"colorPrimary": "#3F51B5",
"colorAccent": "#03A9F4"
},
"ios": {
"orientation": "portrait",
"backgroundColor": "#F2F2F2",
"statusBarStyle": "light"
}
}
}Splash
{
"splash": {
"android": {
"backgroundColor": "#F2F2F2",
"splashImage": "path/to/myapp/src/resources/ios-splash.png",
"duration": 2000
},
"ios": {
"backgroundColor": "#F2F2F2",
"splashImage": "path/to/myapp/src/resources/ios-splash.png",
"duration": 2000
}
}
}icons
{
"icons": {
"android": {
"android-chrome-192x192": "path/to/myapp/src/resources/android-chrome-192x192.png",
"android-chrome-512x512": "path/to/myapp/src/resources/android-chrome-512x512.png"
},
"ios": {
"icon": "path/to/myapp/src/resources/ios-icon.png",
"ipad-icon": "path/to/myapp/src/resources/ios-ipad-icon.png",
"iphone-icon": "path/to/myapp/src/resources/ios-iphone-icon.png",
"ipad-pro-icon": "path/to/myapp/src/resources/ios-ipad-pro-icon.png"
}
}
}Notifications
{
"notifications": {
"android": {
"icon": "path/to/myapp/src/resources/android-notification-icon.png",
"color": "#03A9F4"
}
}
}Storage
{
"storage": {
"android": {
"location": "path/to/myapp/app/MyApp/files"
}
}
}Here is the extracted information about the Apptastic PhoneGap & Cordova Mobile App:
Main Features
- Mobile & Tablet Ready
- PhoneGap & Cordova Compatible
- 400+ Resizable icons by Font Awesome
- Crisp, Clear, and Beautiful Fonts by Google Fonts
- OwlCarousel Slider & Swipebox Image Galleries
- CSS3 / PHP / Ajax Contact form with Validation
Included Pages
- We've included all possible pages you can need, starting from the most basic to some of the advanced ones you may encounter or require!
Media & Images
- We've included multiple gallery and portfolio variations for all your needs, if you're using this a simple site template for your page or you want to highlight a gallery of products or images, we've got them covered!
Typography Features
- Text Columns
- Image Columns
- Icon Columns
- Responsive Images with Aspect Ratio
- Responsive Videos with Aspect Ratio
- Responsive Maps with Aspect Ratio
- CSS3 Multiple Heading Styles
- CSS3 Dropcaps
- CSS3 Highlights
- CSS3 Table
- CSS3 Quotes
- CSS3 Toggles
- CSS3 Accordion
- CSS3 Tabs
- CSS3 Large Notifications
- CSS3 Small Notifications
- CSS3 Fields
- CSS3 Checkboxes
- CSS3 Radios
- CSS3 3D Buttons
- CSS3 Squared Buttons
- CSS3 Rounded Buttons
- CSS3 Social Buttons
- FontAwesome Lists
jQuery Features
- jQuery Page Preloading
- jQuery Device Detection
- jQuery + CSS3 Navigation
- jQuery Toggles
- jQuery Accordion
- jQuery Tabs
- jQuery Quote Slider
- jQuery Staff Slider
- jQuery Image Sliders
- jQuery Share from Bottom Pop-Up
- jQuery Contact Form with Field Validation
Design Features
- Optimized for Touch Devices
- CSS3 Based Design
- Simple, beautiful, elegant Design
- 8 Color Schemes for different elements
- iOS / Android Home Icon & Splash Screen
- High Definition / Retina Graphics
- Ergonomic Navigation
- Designed for a intuitive User Experience
- Responsive for Tablets, for a better experience
- Fully scalable icons, pixel perfect
OS Requirements
- iOS 10+
- Android 6+
Updates
- Version 3.2 - 2nd March 2022: Updated Icon Library to Font Awesome 6, support for Font Awesome 5 will continue
- Version 3.1.4 - 6th December 2021: Updated Bootstrap 5.x JS, CSS and SCSS to Latest Versions, fixed issue with Flex box Container Align Self Center, updated Font Awesome Library
- Version 3.1.3 - 20th September 2021: Improvements for new iOS15 Tab Bar Safari interface, updated Bootstrap 5.x JS, CSS and SCSS to Latest Versions, updated Font Awesome Library
- Version 3.1.2 - 13th July 2021: Updated Bootstrap 5.x JS, CSS and SCSS to Latest Versions, implemented Google API for Google Maps for new Google Standards
- Version 3.1.1 - 19th April 2021: Updated Bootstrap 5.x JS, CSS and SCSS to Latest Versions, improved Documentation files in Bootstrap 5.x Version
- Version 3.1 - 27th March 2021: Added Bootstrap 5.x with Vanilla JavaScript, no jQuery dependency, and Bootstrap 4.5 with jQuery Dependency
- Version 3.0 - 7th November 2020: Updated Bootstrap to 4.5, added SCSS Files, External loaded menus, and various other features and improvements
- Version 2.1.1 - 14th May 2020: Bug Fix - Updated the Footer Menu version to resolve an issue where Snackbars, Toasts and other elements would show under the footer menu
- Version 2.1 - 11th June 2019: Improvement - Checkboxes and Radios Updated, added Notch Support for iOS Devices
- Version 2.0 - 31st January 2019: Added Footer Menu Version
- Version 1.1 - 26th September 2019: Added Add to Home Badges
Note that this extraction was done based on the content provided, and there might be additional features or updates not mentioned in the given text.
There are no reviews yet.