Giter Site home page Giter Site logo

larafly's Introduction

LaraFly

Laravel (MIT) | Patternfly (CC BY 4.0)

Laravel 5.4 [Modern PHP Application Framework] + Patternfly 3.20 [Enterprise UI Framework]

This project consists in a clean Laravel 5.4 installation with auth scaffolded and Patternfly 3.20 required via npm (and installed trough laravel mix)

About Laravel

Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable, creative experience to be truly fulfilling. Laravel attempts to take the pain out of development by easing common tasks used in the majority of web projects, such as:

Laravel is accessible, yet powerful, providing tools needed for large, robust applications. A superb combination of simplicity, elegance, and innovation give you tools you need to build any application with which you are tasked.

About PatternFly

PatternFly is a community project that promotes design commonality and improved user experience. Its offerings include open source code, patterns, style guides and an active community that helps support it all.

How to use it

Since this project originated in order to have a quickstart of laravel + patternfly, everything is available out of the box after installation, here are the steps:

  • Clone/download the project to a local directory
  • Prepare the project directory for web access and be sure to have a Homestead compatible environment (nginx, php composer, etc)
  • cd to project root
  • Run: composer install
  • Run: cp .env.example .env
  • Run: php artisan key:generate
  • Configure the Laravel environment file (database name, user, host).
  • Run php artisan migrate.
  • Go to your browser and to your configured domain you should see the laravel welcome view.
  • Go to http://{your_domain}/register and register a new user to login and see the home

Notes

  • This is a Laravel installation, so do not require on top of another laravel installation.
  • The mix scripts have already been ran, so the compiled css and js files are already in the public folder
  • Once the composer install and php artisan migrate commands have been ran the project should be accesible and work in a browser
  • A few patternfly components have been copied directly from patternfly.org website to the home view to show that it works, you can build/copy the ones you need

How can I integrate into existing laravel app?

If you already have a Laravel 5.4 application, you can look into these files:

  • The only added npm dev-dependencies here are patternfly 3.20.0 and script-loader 0.7.0 package.json
  • The main mix file that declares the "build process" webpack.mix.js
  • The script which requires patternfly's dependencies resources/assets/js/patternfly.js (note that the normal laravel bootstrap.js file is integrated into this one, which includes axios, lodash, vue, etc)
  • After configuring your installation similar to this, you should run npm run dev (or production) and add the css and js files to your layout

How it looks?

Really cool!

Contributing

Contributions are welcome and will be fully credited. We accept contributions via Pull Requests on Github.

Credits

License

The MIT License (MIT).

larafly's People

Contributors

alberto1el avatar atefbb avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

larafly's Issues

After successful install I don't see icons

On console i see

Request URL:http://larafly.dev/fonts/OpenSans-Regular-webfont.woff2
Request Method:GET
Status Code:404 Not Found
Remote Address:127.0.0.1:80
Response Headers
view source
Cache-Control:no-cache, private
Connection:keep-alive
Content-Encoding:gzip
Content-Type:text/html; charset=UTF-8
Date:Sat, 25 Feb 2017 12:37:20 GMT
Server:nginx/1.10.2
Transfer-Encoding:chunked
Vary:Accept-Encoding
X-Powered-By:PHP/7.1.0
Request Headers
view source
Accept:/
Accept-Encoding:gzip, deflate, sdch
Accept-Language:pl-PL,pl;q=0.8,en-US;q=0.6,en;q=0.4
Connection:keep-alive
Cookie:XSRF-TOKEN=eyJpdiI6Im01bmNha3BUVGdUeFJOcE9lOTdXYUE9PSIsInZhbHVlIjoiNm5TSEc0MWhMZTRzb1wvVm91czNxOHc4bUdxVTJQcWFXc2JjRG1JOTV5ZlhXUGROVzBEYndWXC81QXYyZ0ZqQVwvck4zXC9LZjBzRkxsczY4MEpZSFYxaFl3PT0iLCJtYWMiOiI3Y2Y1NzAzZWRhYzJiMTY0MzlkMTVmZjU0MWFkNjNiYjkzMmEzMWUzMDQ0NGQzYzdhMGE3NzMyOTljZTcyNGY0In0%3D; laravel_session=eyJpdiI6IjhkRXV0NE41anVkenM0eTZnODF4eGc9PSIsInZhbHVlIjoiOEhjVDN5K2c3QzM0RVVDVVg0aDFBQjZWamhtK1B5NlByRHhBUWIxMDRMMGMySFBsSWdjZFdZT005RGhKXC9MRlBHbk8xYUttRHVrQzZKbGxCRG0xRU9RPT0iLCJtYWMiOiI1Yjc4MDQxM2I5NTkwMjYxMTkxOGE2MThmYmQ3YWM4MzA4MDBjZThmYzVlZjY1MzdjMzBiZGNhMTY0ZmMxNTE1In0%3D
Host:larafly.dev
Origin:http://larafly.dev
Referer:http://larafly.dev/css/patternfly.min.css
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.