awes-io
Awes.io // boilerplate based on Vue, Nuxt, TailwindCSS plus Laravel as a backend. 🤟
MIT License
Features
- Free and Open-Source
- 34 ready-to-use dedicated open-source packages
- Awesome interface with a dark mode as an out-of-the-box feature
- Easy to customize, based on Laravel & Vue.js
- Well-designed for CRM, ERP, SaaS, Admin Dashboards, and Startups
- Simple support of the applications
Introduction
Awes.io is a platform that provides an awesome UI interface and list of packages to build custom interactive web applications.
Quick Start
1. Try It Out
We have developed the Demo for approximately 1 day. It's really a fast presentation what could be created based on the platform.
Go to Live Demo
2. Install Demo to your machine
When you are satisfied with the demo online version and want to start coding, we have prepared for you a docker-compose build for quick installation. Everything is ready for your experiments. 🧪
Go to repository with demo.
3. Build your "Hello World" application
If you have played enough in the demo on your local machine, you can install an empty build and create your first hello world app.
Go to installation guide
Available Packages
All packages from the table are ready to install within Composer. Unfortunately, we have a limit of resources and have not published all list of packages to GitHub yet. Most parts of it located in our private repositories. We are working hard to open them as quickly as possible.
For installation the packages you have to create a project on Package Kit (it's free) and add the packages to your project. Then it will be ready by the Composer.
| Package | Version | Downloads | Framework |
|---|---|---|---|
| Auth The basic and two-factor authentications, as well as the possibility to log in by using a social network account. | |||
| Auto Captcha Shows Google reCAPTCHA automatically, depending on API request frequency, to prevents DoS and Brute Force attacks | |||
| Awes SPA Transformation of Awes.io to Single-page application. | |||
| Base js A minimalistic bundle, that includes shared JS methods, common event bus, and also provides functionality for other component modules registration | |||
| Billing Simple billing system to use it on the platform. | |||
| Billing Paypal Billing integration with PayPal. | |||
| Billing Stripe Billing integration with Stripe. | |||
| Chart Builder Vue.js module for building Charts based on chart.js | |||
| Context Menu A dropdown menu component with extended functionality, like pushing GET-params in browser query string and sending AJAX requests | |||
| Crop Image Vue.js module for cropping and resizing images on the client. | |||
| Docs This package provides an easy way to create beautiful documentation for your product or application inside your Laravel app. | |||
Filter Wrapper The component allows form-builder to send data to the address bar of the browser.
|
|||
| Form Builder A component that allows creating forms with two-way binding from data object with default HTML fields and custom, like multi-block or AJAX-select | |||
| GEO Location Checking location based on IP user. | |||
| Google Cloud Images Image server for Google Cloud App for cropping and delivery images. | |||
| Indigo Layout Basic styles and components set for building user interfaces. | |||
| Localization Helper Helper packages for simple translating of the interfaces. | |||
| Mail Subscriptions, Blacklist, Logging - everything that you need for mail. | |||
| Modal Window Modal window component, with HTML5-history navigation | |||
| Navigator Build any menus in the project. | |||
| News The package which enables to create news announcements and to combine them in categories, and etc. | |||
| Packaginator Helper Laravel package for building backend structure for the app. | |||
| Page Map Automatically creates anchor-links navigation from provided content. | |||
| Permission The package allows to add permissions to roles and roles to users. | |||
| Reporter Library with pre-configured reports to build charts on the pages. | |||
| Repository The package which implements the repository pattern with the possibility to select data by means of criteria and filters - both basic, initial filters and new one's design by the developer. | |||
| Sticky Params Vue.js module to save filter results and reinstall it after reloading the page. | |||
| System Notify 4 types of notifications for the Awes.io. | |||
| Tab Builder A component for tabs with responsive navigation | |||
| Table Builder A component that allows creating responsive HTML tables or lists from data object | |||
| Tags Simple packages for building tag system for any models. | |||
| Theme Switcher Helper component for setting light or dark theme on a website which stores it is value in Cookie | |||
| Virtual Tour It provides a quick and easy way to guide your users through your application. |
Installation
The build inside of the repository does not exist any backend logic. The build is needed if you would like to start a new project.
👽️ if you see this system for the first time, we strongly recommend installing our demo first!
Via Awes.io Installer
Awes.io utilizes Composer to manage its dependencies. So, before using Awes.io, make sure you have Composer installed on your machine.
First, download the installer using Composer:
composer global require awes-io/installer
Make sure to place composer's system-wide vendor bin directory in your $PATH so the awes-io executable can be located by your system. This directory exists in different locations based on your operating system; however, some common locations include:
- macOS:
$HOME/.composer/vendor/bin, command:export PATH=~/.composer/vendor/bin:$PATH - GNU / Linux Distributions:
$HOME/.config/composer/vendor/bin - Windows:
%USERPROFILE%\AppData\Roaming\Composer\vendor\bin
Once installed, the awes-io new command will create a fresh Awes.io installation in the directory you specify. For instance, awes-io new crm will create a directory named crm containing a fresh Awes.io installation with all of Awes.io's dependencies already installed:
awes-io new crm
Manual installation
For the fast start, we recommend using AwesIO Installer. If for some reason it's not an option, please follow the instruction:
- Clone the repository:
git clone [email protected]:awes-io/awes-io.git - Create a project by the link: https://www.pkgkit.com/awes-io/create
- Copy project's API key and save it to your
composer.json composer install- Done! 🍺
Documentation
Full documentation please follow to official website of Awes.io.