Project FAST
Project "Full Application Stack Toolkit" is a modern frontend framework inspired by Google's Material Design.
Click here for documentation
Quick start
Add the following stylesheet <link> to your <head> before all other stylesheets.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/project-fast@1.0.7/dist/src/assets/css/style.css">
Add the following script before the the closing </body> tag. No jQuery required!
<script src="https://cdn.jsdelivr.net/npm/project-fast@1.0.7/dist/src/assets/js/bundle.js"></script>
<script src="https://cdn.jsdelivr.net/npm/project-fast@1.0.7/dist/src/assets/js/app.min.js"></script>
How to install
NPM
npm install project-fast
Yarn
yarn add project-fast
Usage with Laravel Mix
Add the following code to webpack.mix.js:
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');
Change the code in resources/assets/sass/app.scss to:
// Variables
@import "variables";
// Project FAST
@import '~project-fast/src/assets/scss/includes.scss';
And the following code to resources/assets/js/app.js:
import Fast from 'project-fast';
Laravel 5.7+
Starting from Laravel 5.7, the scripts and styles has been flattened in the resource folder.
The code should now look like this in webpack.mix.js:
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
And resources/sass/app.scss:
// Variables
@import "variables";
// Project FAST
@import '~project-fast/src/assets/scss/includes.scss';
And the following code to resources/js/app.js:
import Fast from 'project-fast';