Laravel 8 Follow Unfollow Example

admin — Wed, 12 May 2021 06:13:42 +0000

Today, i we will show you Laravel 8 Follow Unfollow Example. This article will give you simple example of Laravel 8 Follow Unfollow Example. you will learn Laravel 8 Follow Unfollow Example. step by step explain Laravel 8 Follow Unfollow Example.

For making it i will use “overture/laravel-follow” composer package to create follow unfollow system in Laravel.

Step 1 :- Install Laravel 8

composer create-project --prefer-dist laravel/laravel follow-unfollow

Connect Database .env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=databse
DB_USERNAME=root
DB_PASSWORD=

Step 2 :- Install overtrue/laravel-follow Package

composer require overtrue/laravel-follow -vvv

Now open config/app.php file and add service provider and aliase.

config/app.php

'providers' => [
	Overtrue\LaravelFollow\FollowServiceProvider::class,
],

To publish the migrations file run bellow command.

php artisan vendor:publish --provider='Overtrue\LaravelFollow\FollowServiceProvider' --tag="migrations"

As optional if you want to modify the default configuration, you can publish the configuration file.

php artisan vendor:publish --provider="Overtrue\LaravelFollow\FollowServiceProvider" --tag="config"

Then just migrate it by using following command

php artisan migrate

Step 3 :- Create Authentication

composer require laravel/ui

php artisan ui vue --auth

Step 4: Create Dummy Users

php artisan tinker
\App\Models\User::factory(10)->create();

Step 5: Update User Model

App/Models/User.php


Step 6: Add Routes
routes/web.php
name('home');
Route::get('users', [App\Http\Controllers\HomeController::class, 'users'])->name('users');
Route::get('user/{id}', [App\Http\Controllers\HomeController::class, 'user'])->name('user.view');
Route::post('follow', [App\Http\Controllers\HomeController::class, 'follwUserRequest'])->name('follow');



Step 7: Create Controller Method
app/Http/HomeController.php
middleware('auth');
    }

    public function index()
    {
        return view('home');
    }

    public function users()
    {
        $users = User::get();
        return view('users', compact('users'));
    }

    public function user($id)
    {
        $user = User::find($id);
        return view('usersView', compact('user'));
    }

    public function follwUserRequest(Request $request){


        $user = User::find($request->user_id);
        $response = auth()->user()->toggleFollow($user);


        return response()->json(['success'=>$response]);
    }
}


Step 8: Create Blade files and JS File
Now in this file we will need to create userList.blade.php, users.blade.php and usersView.blade.php files and custom.js file. So let’s create both files.
resources/views/users.blade.php
@extends('layouts.app')
@section('content')




    
        
            
                List of Users- CodePlaners.com
                
                    
                        @include('userList', ['users'=>$users])
                    
                
            
        
    

@endsection 

resources/views/usersView.blade.php
@extends('layouts.app')

@section('content')



    
        
            
                
                    {{ $user->name }}
                    

                    
                        Website: CodePlaners.com, 
                        Email: {{ $user->email }}
                    
                

                
                    
                      
                        Followers {{ $user->followers()->get()->count() }}
                        Following {{ $user->followings()->get()->count() }}
                      
                    
                    
                      
                        
                            @include('userList', ['users'=>$user->followers()->get()])
                        
                      
                      
                        
                            @include('userList', ['users'=>$user->followings()->get()])
                        
                      
                    
                
            
        
    

@endsection 

resources/views/userList.blade.php
@if($users->count())
    @foreach($users as $user)
        
            
            {{ $user->name }}
            
                Following: {{ $user->followings()->get()->count() }}
                Followers: {{ $user->followers()->get()->count() }}
            
            
        
    @endforeach
@endif 

Read Also: Laravel Like Dislike Example
publis/js/custom.js
$(document).ready(function() {     

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $('.action-follow').click(function(){    
        var user_id = $(this).data('id');
        var cObj = $(this);
        var c = $(this).parent("div").find(".tl-follower").text();

        $.ajax({
           type:'POST',
           url:'/follow',
           data:{user_id:user_id},
           success:function(data){
              console.log(data.success);
              if(jQuery.isEmptyObject(data.success.attached)){
                cObj.find("strong").text("Follow");
                cObj.parent("div").find(".tl-follower").text(parseInt(c)-1);
              }else{
                cObj.find("strong").text("UnFollow");
                cObj.parent("div").find(".tl-follower").text(parseInt(c)+1);
              }
           }
        });
    });      

}); 

Now we are ready to run our project.
php artisan serve

The post Laravel 8 Follow Unfollow Example appeared first on Codeplaners.

follow unfollow Archives - Codeplaners

Laravel 8 Follow Unfollow Example

Step 1 :- Install Laravel 8

Step 2 :- Install overtrue/laravel-follow Package

Step 3 :- Create Authentication

Step 4: Create Dummy Users

Step 5: Update User Model

Step 6: Add Routes

Step 7: Create Controller Method

Step 8: Create Blade files and JS File

{{ $user->name }}