Skip to content

LiamThursfield/laravel-base

Repository files navigation

Laravel Base App

Header Image

Key Differences to Laravel Core Setup

Backend

  • Adds Laravel Authentication by default
  • Refactors App\User to App\Model\User
  • Refactors Home to Admin e.g. for logged in view
  • Refactors Welcome to Index for default home page

Frontend - Styling

  • Removes all Bootstrap (markup and dependencies)
  • Removes all Sass (files and dependencies)
  • Uses Tailwind as default style framework
  • Uses PostCss including:
    • PostCss Import
    • PostCss Nested
  • Sets the default font to Poppins
  • Converts all initial views (home, admin, auth) to use Tailwind

Frontend - Javascript

  • Adds Vue laravel() helper function, to access Laravel data e.g. appName, csrfToken
    • Data is passed to window.Laravel
  • Adds Vue route() helper function, to access all Laravel routes e.g. route('admin')
  • Adds Vue user helper class, to:
    • Access logged in user's details e.g. user.name
    • Add helpers to allow e.g. user.isAuthenticated()
  • Adds a component for forms
  • Adds Header component containing a fully responsive navigation

Project Setup

Install dependencies

  • composer install
  • yarn
  • yarn dev

Set up .env

  • cp .env.example .env
  • php artisan key:generate

Migrations

  • php artisan migrate

Screenshots

Login Screen - Desktop

Login Screen - Desktop


Login Screen - Mobile

Login Screen - Mobile


Admin Dashboard - Desktop

Dashboard - Desktop


Admin Dashboard - Mobile

Dashboard - Mobile


Navigation Mobile

Navigation - Mobile


About

Laravel Base Application

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published