Laravue Breeze Api Authentication

radyballs69

A Vue authentication using Laravel Breeze API with tailwind css

Download

About Project

Laravel Breeze API & Vue 3 Authentication with Pinia and Tailwind CSS.

Project Folders

Backend/API - the main folders/files except "frontend"
Frontend - "frontend/laravue-breeze" folder

Features

Register
Login with Remember
Forgot Password with email sending (used mailtrap)
Reset Password
Logout

Stack Used

PHP 8 & Apache 2 using XAMPP
Laravel 10
Vue 3 with Vue-Router
Pinia
Tailwind CSS & Flowbite (For component design - copy/paste)
Axios
Vite

Installation

Backend - Laravel Breeze API

Clone the repository

  git clone https://github.com/radyballs69/laravue-breeze-api-authentication.git
  cd laravue-breeze-api-authentication

Install the dependencies

  composer install

Copy the example env file and make the required configuration changes in the .env file

  cp .env.example .env

Generate a new application key and optimize the application

  php artisan key:generate && php artisan optimize

Run the database migrations

  php artisan migrate --seed

Configure .env (Environment) - frontend url, sanctum stateful domains, session domain & database

  FRONTEND_URL=http://localhost:3000
  SANCTUM_STATEFUL_DOMAINS = localhost:3000
  SESSION_DOMAIN = localhost
  DB_DATABASE=laravel_breeze_api (your desired db name)

Start the local development server (Laravel)

  php artisan serve

You're ready to go! Visit backend via this link ( http://localhost:8000).

Frontend - Vue Application

Navigate to frontend folder

  cd frontend/laravue-breeze

Install the dependencies

  npm install

Start the local development server (Vue)

  npm run dev

You're ready to go! Visit frontend via (http://localhost:3000).

About Laravel

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

Simple, fast routing engine.
Powerful dependency injection container.
Multiple back-ends for session and cache storage.
Expressive, intuitive database ORM.
Database agnostic schema migrations.
Robust background job processing.
Real-time event broadcasting.

Laravel is accessible, powerful, and provides tools required for large, robust applications.

Learning Laravel

Laravel has the most extensive and thorough documentation and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework.

You may also try the Laravel Bootcamp, where you will be guided through building a modern Laravel application from scratch.

If you don't feel like reading, Laracasts can help. Laracasts contains over 2000 video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.

Laravel Sponsors

We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the Laravel Patreon page.

Premium Partners

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 to Taylor Otwell via [email protected]. All security vulnerabilities will be promptly addressed.

License

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

Top categories