Login and logout in Laravel - Mini Project: Build & Apply

Login and logout

📖 Scenario: You are building a simple web application where users can securely log in and log out. This helps protect their personal data and control access.

🎯 Goal: Create a basic Laravel login and logout system using built-in authentication features. Users will enter their email and password to log in, and they can log out with a button.

📋 What You'll Learn

Create a route for showing the login form

Create a route to handle login form submission

Create a route to handle logout

Use Laravel's Auth facade to authenticate users

Redirect users after login and logout appropriately

💡 Why This Matters

🌍 Real World

Login and logout systems are essential for almost all web applications to protect user data and control access.

💼 Career

Understanding Laravel authentication is a key skill for backend web developers working with PHP frameworks.

1

Set up login routes

Create two routes in routes/web.php: one GET route named login that returns the login view, and one POST route named login that will handle the login form submission.

Laravel

// Your code here

Need a hint?

Use Route::get for showing the form and Route::post for processing the form.

2

Add logout route

Add a POST route named logout in routes/web.php that will handle logging the user out using Laravel's Auth facade.

Laravel

use Illuminate\Support\Facades\Route;

Route::get('/login', function () {
    return view('login');
})->name('login');

Route::post('/login', function () {
    // Login logic will go here
});

// Your code here

Need a hint?

Use Auth::logout() to log the user out and then redirect to the login page.

3

Implement login logic

In the POST /login route, use request()->only('email', 'password') to get credentials, then use Auth::attempt() to try logging in. If successful, redirect to /dashboard, else redirect back to /login with errors.

Laravel

use Illuminate\Support\Facades\Route;
use Illuminate\Support\Facades\Auth;

Route::get('/login', function () {
    return view('login');
})->name('login');

Route::post('/login', function () {
    // Add login logic here
});

Route::post('/logout', function () {
    Auth::logout();
    return redirect('/login');
})->name('logout');

Need a hint?

Use Auth::attempt() to check credentials and redirect accordingly.

4

Create login view with form

Create a Blade view file named login.blade.php in resources/views with a simple HTML form. The form should have email and password inputs, use POST method to /login, and include a CSRF token. Also add a logout form that posts to /logout with a button.

Laravel

name('login');

Route::post('/login', function () {
    $credentials = request()->only('email', 'password');
    if (Auth::attempt($credentials)) {
        return redirect('/dashboard');
    }
    return redirect('/login')->withErrors(['email' => 'Invalid credentials']);
});

Route::post('/logout', function () {
    Auth::logout();
    return redirect('/login');
})->name('logout');

// Create login.blade.php with form and logout button

Need a hint?

Use Blade syntax for CSRF token and create forms with correct method and action.