Menu
LARAVEL

Creating a user profile page

To create a user profile page in your Laravel application, you'll need to follow these steps:

 

Step 1. Create a Route

Define a route that points to a controller method responsible for displaying the user profile page. This route should be protected so that only authenticated users can access their profiles. For example:

// routes/web.php
Route::middleware(['auth'])->group(function () {
    Route::get('/profile', 'App\Http\Controllers\ProfileController@show')->name('profile.show');
});

 

Step 2. Create a Controller

Generate a new controller using Artisan. This controller will handle the logic for displaying the user profile page.

php artisan make:controller ProfileController

 

// app/Http/Controllers/ProfileController.php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class ProfileController extends Controller
{
    public function show()
    {
        $user = auth()->user();
        return view('profile', compact('user'));
    }
}

Then, implement the show method in the ProfileController to retrieve the authenticated user's information and pass it to the view.

 

Step 3. Create a View

Create a view file where the user profile will be displayed. You can place this view in the resources/views directory, such as profile.blade.php. Customize this view to display the user's information, including their name, email, and any other relevant details.

Here's an example implementation of the ProfileController and its show method:

<!-- resources/views/profile.blade.php -->

@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">User Profile</div>

                    <div class="card-body">
                        <p>Name: {{ $user->name }}</p>
                        <p>Email: {{ $user->email }}</p>
                        <!-- Add additional user information here -->
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

Make sure to replace 'layouts.app' with the appropriate layout file that you are using in your application. This layout file typically contains the HTML structure that wraps around all your application views.

 

step5. Start Development Server: 

You can now start the Laravel development server:

php artisan serve

Access your application in a web browser.  go to the .http://127.0.0.1:8000/profile  make sure you are a login user 

 

 

LARAVEL