Giter Club home page Giter Club logo

starter-laravel-angular-foundation's Introduction

Laravel, AngularJS and Foundation starter kit

This is a starter kit for a Single Page Application featuring the modern Laravel PHP framework and Google’s acclaimed front-end framework AngularJS, featured with Foundation 5.5 for the GUI. Just download and play with it to build something great!

Features!

The "engine" (Laravel and Angular) are powered from the repository 'starter-laravel-angular' by Zemke.

  • Single Page Application
    • HTML5 mode URLs
    • Optimized Laravel and AngularJS routes
      • You kind of don’t need to care about routes, they work automatically as you add new views. Still allows for flexibility if you plan any special routes.
  • Authentication!
    • Flexible, extensible, clean
    • Token-based (tymondesigns/jwt-auth)
    • Persistent local storage
  • Larevel Elixir readily configured
    • Versioning of CSS and JS files (cache busting)
    • CSS and JS files will be included automatically
  • A whole ready CRUD architecture
  • Comes with Bootstrap and AngularJS configured to work together at their best
  • And more... have a try!

Installation

Clone the repository

git clone https://github.com/JulienBernard/starter-laravel-angular-foundation

Install the requirements

composer install --prefer-dist
npm install

Laravel stuff: use artisan to create the database (see database/migrations/)

php artisan migrate

Compile and watch any changes

gulp
gulp watch

Create an access at localhost:8080

php -S localhost:8080 -t public

Edit .env.example according to your environment and save as .env.

Requirements

  • PHP >= 5.4
  • Composer
  • Gulp
  • NPM
  • MySQL

Notices

For now, Foundation was added with it CSS files. Soon, I will pass on SASS files for more flexibility.

Have fun! Any feedback is welcome: use Issues.

Laravel AngularJSFoundation

starter-laravel-angular-foundation's People

Contributors

julienbernard avatar

Stargazers

Cristiano Gonçalves da Silva Braga avatar Keri Lynn avatar Dwi Fahni Denni (dfdenni) avatar SenG avatar  avatar Ali Ashoor avatar  avatar Suriya Sasujit avatar Matheus Lima avatar Marcos Reynoso avatar  avatar Gael DEBOST avatar  avatar Florian Zemke avatar Kevin Dice avatar Justin Sheppard avatar Julian T. avatar Pedro Menezes avatar rixaman avatar  avatar Russell Vea avatar  avatar Jérôme Foray avatar Marco Bonomo avatar Ján Bočínec avatar Ninja avatar Daniel Wittberger avatar Mark avatar Kennon Bickhart avatar mukaken avatar  avatar Anunay Inuganti avatar  avatar Nicolas Perraut avatar  avatar

Watchers

Bobby Chiang avatar James Cloos avatar rixaman avatar  avatar Phil Graci avatar  avatar

starter-laravel-angular-foundation's Issues

Can I run it on windows 7 installation?

I am trying to, but i cant complete the installation steps:

  • npm install
  • gulp && gulp watch

And when i run the app it shows:

ErrorException in helpers.php line 668:
file_get_contents(C:\wamp\www\starter-laravel-angular-foundation-master\public/build/rev-manifest.json): failed to open stream: No such file or directory (View: C:\wamp\www\starter-laravel-angular-foundation-master\resources\views\layout.blade.php)

ErrorException in helpers.php line 668:
file_get_contents(C:\wamp\www\starter-laravel-angular-foundation-master\public/build/rev-manifest.json): failed to open stream: No such file or directory

Missing and out of place files.

Missing, .env.example

/resources/{js,css} should be /resources/assets/{js,css}

in node_modules/laravel-elixir/Config.js you need to disable babel in order for the compiliation to properly work.

JS error

Uncaught TypeError: Cannot read property 'document' of undefined
signup:40 Uncaught TypeError: $(...).foundation is not a function

I also received this error with gulp:
[BABEL] Note: The code generator has deoptimised the styling of "/Applications/XAMPP/xamppfiles/htdocs/laravel/starter-laravel-angular-foundation/resources/assets/js/libs/all.js" as it exceeds the max of "100KB".

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.