awes-io / awes-io Goto Github PK

View Code? Open in Web Editor NEW

834.0 29.0 100.0 319 KB

Awes.io // boilerplate based on Vue, Nuxt, TailwindCSS plus Laravel as a backend. 🤟

Home Page: https://www.awes.io

License: MIT License

PHP 96.01% Vue 0.64% HTML 3.35%

vue nuxt tailwindcss laravel boilerplate ui-kit crm-platform saas-boilerplate pwa-boilerplate pwa

awes-io's Introduction

Platform for Interactive Business Applications

10x faster to create than the traditional way • 3x increase application experiences • 60% decrease in development cost

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.

Support Us

License

MIT

awes-io's People

Contributors

Stargazers

Watchers

Forkers

catchup-forks cryptobuks hope4hope awescode-test aek-bkf folkevil vestigegroup iamtomc opencollective bunix quangtynu mdevo dfrey382 darlingxwl yashiroiori sujith857 gego-soft yerowo laerteneto88 ajip21hub ecoent jajamoks zahedbri chamroeunoum appml pekanbarugamer kloudnex-trey phoenixrr2113 xcorp1986 texxio w-develop martimysteria ianvizarra aidotno sm2x marcelofajardo jcmexdev jeremykenedy performize code-monkeys yufi113 cryptobuks1 naneri devbpulse capesepias devsrealm arapmelly 4nh51rk dnalob kkdg rteamwins site-command open-source-apps chriswerstiuk theruchirshah amuadib kenlock mdeora mellarch webds maxbyz silentpatrik apaciuk stephencoduor stungkit rainmakerho dimar6 xtechnology-tr hubitor-forks dheia lyhiving bearerpipelinetest baffis kekewind nunhes gk1621 carlosjordandev cleciobarbosa sweetapplepumpkinpie hunghoxuan cloudnepal rp70 5l1v3r1 omeiza-devspace dschiffer12 cedececa kallaviabdullah djun artapon bleuproton anupgoenka soundarrajc puthiphorn ye-muath amishakov coderspyltd jaloliddin19982304 ignatius-n jules-appended chisoulcodes

awes-io's Issues

Improvements for system-notify

Expected Behavior

Add additional options to the blade component.
manage buttons
possibility to add a custom HTML
add a small doc

System GA

[Analyse] Amazing Forms add to documentation

Expected Behavior

We would like to integrate Amazing Forms with Google recommendations.

Link to the article: https://developers.google.com/web/fundamentals/design-and-ux/input/forms/

Tasks:

check all types of inputs (email, phone, password)
integrate autocomplete option for input
capture default browser validation and show with tooltip
change a documentation (table + screenshot + short example)

System GA

[|https://github.com/awes-io/issues]

I can't create a key in www.pkgkit.com

Hi, I try to create a key in the site, but I don't see how can. And when click in dashboard, the site display 400 error, and same error when click in setings.

Card blocks

- create some of the standards for blocks in dashboard

Tasks:

create card class
check with charts
check with tables

Last version of v-tooltip

Current Behavior

The last version of v-tooltip makes an issue in the interface.
http://awescode.com/screenshots/List_of_your_projects____Package_Kit_228943B0.png
http://awescode.com/screenshots/Screenshot_13_05_19__10_15_22895F27.png

Possible Solution

Include libs inside of indigo-layout.

System GA

Tab-builder - loss of reactivity

- Tab-builder - loss of reactivity

Steps:

add content-wrapper inside of tab-builder
reactivity doesn't work anymore

Typography improvements

- for some of elements we need helpers like margin and etc.

Tasks:

create margin helpers
add to documentation text-align
add to documentation upper

[Demo] Virtual tour - hidden

Expected Behavior

show on the demo page

Current Behavior

the virtual is hidden

System GA

Refactoring table-builder

Expected Behavior

Refactoring of table-builder component

System GA

[Chart] Map: A new type of chart

Expected Behavior

Integrate a chart-map functionality to the chart-builder.

Like a solution please check:

System GA

[|https://github.com/awes-io/issues]

The data was not found.

Expected Behavior

In chart's components If the datasets.data is empty, should be shown empty slot.

Current Behavior

Now we have an empty chart.

Possible Solution

To add validation rules to content-wrapper

Steps to Reproduce (for bugs)

open any chart and put inside empty datasets.data array

System GA

[Documentation] Error in console

Current Behavior

Issues in a console.
https://www.awes.io/documentation/components/table-builder/1.1/table-builder

System GA

Stylus pack 4

styles for the empty table (should be based on standard css elements);
bugs: http://awescode.com/screenshots/Screenshot_21_03_19__13_02_2243B4D0.png http://awescode.com/screenshots/Screenshot_21_03_19__13_02_2243B4D0.png
change pre loader image in multiselect from default
bottom in modal window should be bigger
tb toggle button in mobile version we have to see with another icon
tb remove word break in table
color in wave effect for light buttons need to change to grey
margin-right for icon in indigo-layout (./components/head/external-link.blade.php)

Request optimization

Expected Behavior

describe external dependencies
request optimization
Migrate all external files to bundle into packages.
base-js is only for awes.io
utilities.js is a helper for general scripts

System GA

[|https://github.com/awes-io/issues]

Building and integration of custom Symfony Thanks Analog

Expected Behavior

Build our own package based on https://github.com/symfony/thanks and integrate it into our install.sh and awes-io, demo repository
add an extra option to one of our PHP package's composer file (ex. repository) with awes-io/awes-io repository to proxy star

System GA

Docker container

- The idea is to simplify installing of the system for users.

Tasks:

create docker-compose for the system
include new installer

[table-builder] Demo HTML files doesn't work

Current Behavior

if you run npm run watch you will not able to see the table examples.

Possible Solution

I think the issue with the connection in <content-wrapper>.

System GA

Single-page application

- to improve our performance we would like to integrate SPA

Tasks:

small research to find a correct solution
integrate first dirty version in the system
this function should be optional in base-js component

Packaginator

Expected Behavior

Create a system for auto-creating sections in the project.

create a section
create a blade section

Possible Solution

Should be an artisan commands to build everything.

System GA

Static storage for virtual tour

Expected Behavior

The Vue.js part should save a cookie with a standard name virtual-tour.
Inside of the cookie should be JSON with a list of different virtual tours and end dates.
As well this cookie should be saved for all website.

cookie name virtual-tour
inside a JSON
end date inside of JSON
valid for all pages on the website

Current Behavior

Different cookie name for different virtual tours.

System GA

Admin management module

Expected Behavior

A new admin management module.
UI: https://app.moqups.com/wKjPe8ycwy/view/page/aa9df7b72

System GA

https://git.awescode.com/awes-io/admin

Print icons to documentation

- now we have something like 30 icons, but anybody can't find it :)

Tasks:

describe list of icons in our documentation

Search for the table in Filter Wrapper

Screen

http://awescode.com/screenshots/Screenshot_28_05_19__09_03_229D14C6.png

Expected Behavior

[ +] Add a search input for the table with auto-submit (like an option).
[ ?] Add a select into Filter Builder
[+] Frontend refactoring of admin module (call Alex)

System GA

[|https://github.com/awes-io/issues]

Installer

- create an installer for the project

Tasks:

install project from git
ask about project key
show the link to Package Kit: https://www.pkgkit.com/installer

content-wrapper - migration to base-js

- in dev process, we found the issue with the reactivity of some elements. Idea is to render component if it exists on the page

Tasks:

move from indigo-layout to base-js

[Analyse] Nuxt.js compatibility

Open questions

adaptation, migration, compatibility with Nuxt.js
seporation from php

System GA

Vue pack 2

Navigation refactoring

Expected Behavior

System GA

[virtual tour] after finish the tour, wrong z-index

Current status

After end of virtual tour we have z-index issue

System GA

Date-picker

Expected Behavior

Format:
begin=2019-01-24&end=2019-01-26

new element in form builder
ducumentation

System GA

Border-Radius variable refactoring

Expected Behavior

We would like to have a variable for changing border-radius for main objects (exclude form-builder).

System GA

Notification styles

- we have 4 different types of notification, need to prepare a helper for it.

Tasks:

global notification
notification with cancel function
notification inside of the content
global alert notification
initial notification stack

Cache in repository

Expected Behavior

Implement cache a cache into repository package.

System GA

[demo] Add description in install.sh

Current Behavior

If the user was wrong with an API key for a composer, he has a 403 error.

Possible Solution

Before composer install shows in the install.sh description some of the description of what needs to do if the user has 403 Forbidden.

System GA

[Analyse] Disable Ajax Request in phone input

Expected Behavior

Like a fist step decided to disable Ajax Request to get real location of the user.

System GA

[|https://github.com/awes-io/issues]

Module test

- like research to try to write a test to Vue component

Tasks:

create a test for base-js

A new position for modal windows

Expected Behavior

Control the position of the modal window.

[ +] position: right (thin, normal, thick - width)
[+ ] possibility to load a content inside of modal by Ajax
~~outside click (configuration), default like now~~

System GA

[|https://github.com/awes-io/issues]

Publish demo to awes.io

- As a cool function for showing about platform, we can publish some build to public access.

Tasks:

install build with demo to demo.awes.io
refresh database every day (in cron)

Blade table-builder component

Expected Behavior

Height of placeholder
Height of empty block (not fixed)

System GA

fb-select - default values

Expected Behavior

would like to add default values for fb-select

Current Behavior

don't have this possibility

System GA

Auto tests for frontend components

Expected Behavior

create a tests for Vue.js components

System GA

Wrong z-index (chart + filter)

Expected Behavior

The context menu should be over the chart.

Current Behavior

http://awescode.com/screenshots/Screenshot_10_04_19__12_17_225DFA42.png

System GA

Re-create official website of Awes.io, check docs category

Expected Behavior

Update to the new design and update the documentation to the latest version of Indigo Layout.

Current Behavior

The old version of the website.

System GA

[fb-select] Issue with loading additional results

Expected Behavior

Loading additional results to select.

Current Behavior

https://gyazo.com/234b9757f23d9311c5f302affc6a1506

Possible solution

change the name from select-option to url (was updated from v1.4.0)

Steps to Reproduce (for bugs)

In form-builder v1.4.2 the bug exists. In v1.3.23 not exists.

System GA

Default background for login & registration

Expected Behavior

We would like to improve the view for the login and registration page.
For this reason, we would like to use an SVG background (https://static.awes.io/demo/awes-background.svg) for login & registration by default. For white theme use white background color, for dark -> some of our dark color from the set. As well need to add a box-shadow to login container.