Giter Club home page Giter Club logo

tobischulz / laravel-vue-spa-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
33.0 4.0 8.0 2.13 MB

A simple and clean starter-kit to start a new SPA project. Its like Jetstream without Inertia but with Vue-Router and Pinia as store.

PHP 66.40% CSS 0.05% JavaScript 4.11% Vue 28.02% Blade 1.18% Shell 0.24%
laravel sanctum-authentication sanctum-vue sanctum-spa fortify-authentication vue-router tailwindcss vuejs spa vue laravel10 vue-options-api vue3 laravel-11 laravel-framework pinia pinia-vuejs vite

laravel-vue-spa-boilerplate's Introduction

Build Status ChipperCI Build Status GitHub

art/screenshot-login.png

Vue Laravel SPA

A simple and clean starter-kit to start a new SPA project. Its like Jetstream without Inertia but with Vue-Router and Pinia as store.

This starter-kit uses the following tools:

Features

The following features are implemented in this Vue SPA:

  • ✅ Authentication (Cookie based by sanctum)
  • ✅ Passwort Reset
  • ✅ Registration
  • ✅ Profile Management
  • ✅ Password Confirmation
  • ✅ Two Factor Authentication
  • ✅ E-Mail Verification

Roadmap

Missing something? Feel free to tell me what would be a nice addition to this starter-kit.

  • 🔘 Darkmode
  • 🔘 Better error handling on UI
  • 🔘 Password confirmation fixes
  • 🔘 Example page with form and api controller
  • 🔘 Laravel Pint
  • 🔘 PWA
  • 🔘 More Tests
  • 🔘 CSP
  • 🔘 Replace PHPUnit with Pest

Getting started

You can quick start with this starter-kit by running the bin/install.sh script or manually run the containing commands.

After that you can login with [email protected] and the password password

Make sure to set your current domain in the .env file:

APP_URL=http://vue-laravel-spa.test

Screenshots

A Picture Is Worth More Than A Thousand Words.

art/screenshot-home.png

art/screenshot-settings.png

Consider to support my work and say thank you with a coffee. I would very much appreciate that.

art/bmc_qr.jpg

buymeacoffee.com/tobiasschulz

Testing

PHPunit is ready setup to test the API side. Tested are all Sanctum and Fortify features cause there are heavily based on there original tests. Thats a good starting point to add tests for your next project. To run the tests you can call phpunit like this:

php artisan test

Contributing

Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the Laravel documentation.

Code of Conduct

In order to ensure that the Laravel community is welcoming to all, please review and abide by the Code of Conduct.

Security Vulnerabilities

If you discover a security vulnerability within Laravel, please send an e-mail via [email protected]. All security vulnerabilities will be promptly addressed.

License

The Laravel framework is open-sourced software licensed under the MIT license.
The Vue framework is open-sourced software licensed under the MIT license.
This repository is open-sourced software licensed under the MIT license.

laravel-vue-spa-boilerplate's People

Contributors

dependabot[bot] avatar tobischulz 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

Watchers

 avatar  avatar  avatar  avatar

laravel-vue-spa-boilerplate's Issues

401 on login

I'm a complete newbie to vue so maybe this is a stupid question, sorry in advance. when I register a new account everything works fine but when I try to login with this account i get a 401 unauthorized response. After some testing I noticed that I get a 422 Unprocessable entity when I try to log in with credentials that actually return no matches. Thanks in advance

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.