CodeHubDeep

r task subtask with unique batch number in PHP

noreply@blogger.com (Deepak Kumar Bind) — Mon, 01 Apr 2024 17:17:00 +0000

<?php

// Define tasks and subtasks with unique batch numbers

$tasks = array(

array(

'batch_number' => 'B001',

'task' => 'Task 1',

'subtasks' => array(

array('subtask_number' => 'B001-S001', 'subtask' => 'Subtask 1.1'),

array('subtask_number' => 'B001-S002', 'subtask' => 'Subtask 1.2'),

array('subtask_number' => 'B001-S003', 'subtask' => 'Subtask 1.3')

)

array(

'batch_number' => 'B002',

'task' => 'Task 2',

'subtasks' => array(

array('subtask_number' => 'B002-S001', 'subtask' => 'Subtask 2.1'),

array('subtask_number' => 'B002-S002', 'subtask' => 'Subtask 2.2')

)

);

// Display tasks and subtasks with batch numbers

foreach ($tasks as $task) {

echo $task['task'] . " (Batch Number: " . $task['batch_number'] . "):<br/>";

foreach ($task['subtasks'] as $subtask) {

echo "- " . $subtask['subtask'] . " (Batch Number: " . $subtask['subtask_number'] . ")<br/>";

}

echo "<br/>";

}

task sub task creation example using php

noreply@blogger.com (Deepak Kumar Bind) — Mon, 01 Apr 2024 17:12:00 +0000

<?php

// Define tasks and subtasks

$tasks = array(

array(

'task' => 'Task 1',

'subtasks' => array(

'Subtask 1.1',

'Subtask 1.2',

'Subtask 1.3'

)

array(

'task' => 'Task 2',

'subtasks' => array(

'Subtask 2.1',

'Subtask 2.2'

)

);

// Display tasks and subtasks

foreach ($tasks as $task) {

echo $task['task'] . ":\n";

foreach ($task['subtasks'] as $subtask) {

echo "- $subtask\n";

}

echo "\n";

}

Admin Login And Logout using Laravel 8.83.27 - Codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Mon, 04 Mar 2024 11:55:00 +0000

AdminLte Link: - https://drive.google.com/drive/folders/1MNopXoRa3Qhcu2x-u5pmClBN1oVgVGi3?usp=sharing

Project Laravel: https://drive.google.com/file/d/11e0oKEnCpQq_GJxMsMgw29qoB7R5n1sc/view?usp=drive_link

Download the Above Admin Template
Create Admin Login Interface
Create Gueard And Provider For Admin Authentication
Run Migration and create a role column in the user table
Create an Admin User Using Tinker
Apply Form Validation and authentic the user

D:\xampp\htdocs\laravel-admin\app\Http\Middleware\AdminAuthenticate

<?php

namespace App\Http\Middleware;

use Illuminate\Auth\Middleware\Authenticate as Middleware;

class AdminAuthenticate extends Middleware
{
    /**
     * Get the path the user should be redirected to when they are not authenticated.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return string|null
     */
    protected function redirectTo($request)
    {
        if (! $request->expectsJson()) {
            return route('admin.login');
        }
    }

    protected function authenticate($request, array $guards)
    {

        if ($this->auth->guard('admin')->check()) {
            return $this->auth->shouldUse('admin');
        }

        $this->unauthenticated($request,['admin']);
    }

}

D:\xampp\htdocs\laravel-admin\app\Http\Middleware\AdminRedirectIfAuthenticated

<?php

namespace App\Http\Middleware;

use App\Providers\RouteServiceProvider;
use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;

class AdminRedirectIfAuthenticated
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Closure(\Illuminate\Http\Request): (\Illuminate\Http\Response|\Illuminate\Http\RedirectResponse)  $next
     * @param  string|null  ...$guards
     * @return \Illuminate\Http\Response|\Illuminate\Http\RedirectResponse
     */
    public function handle(Request $request, Closure $next, ...$guards)
    {

        if (Auth::guard('admin')->check()) {
            return redirect()->route('admin.dashboard');
        }

        return $next($request);
    }
}

D:\xampp\htdocs\laravel-admin\app\Http\Kernel

<?php

namespace App\Http;

use Illuminate\Foundation\Http\Kernel as HttpKernel;

class Kernel extends HttpKernel
{
    /**
     * The application's global HTTP middleware stack.
     *
     * These middleware are run during every request to your application.
     *
     * @var array<int, class-string|string>
     */
    protected $middleware = [
        // \App\Http\Middleware\TrustHosts::class,
        \App\Http\Middleware\TrustProxies::class,
        \Fruitcake\Cors\HandleCors::class,
        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
    ];

    /**
     * The application's route middleware groups.
     *
     * @var array<string, array<int, class-string|string>>
     */
    protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            // \Illuminate\Session\Middleware\AuthenticateSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
            \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
        ],

        'api' => [
            // \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
            'throttle:api',
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
        ],
    ];

    /**
     * The application's route middleware.
     *
     * These middleware may be assigned to groups or used individually.
     *
     * @var array<string, class-string|string>
     */
    protected $routeMiddleware = [
        'auth' => \App\Http\Middleware\Authenticate::class,
        'admin.auth' => \App\Http\Middleware\AdminAuthenticate::class,
        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
        'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
        'can' => \Illuminate\Auth\Middleware\Authorize::class,
        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
        'admin.guest' => \App\Http\Middleware\AdminRedirectIfAuthenticated::class,
        'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class,
        'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,
        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
        'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
    ];
}

Define Route in D:\xampp\htdocs\laravel-admin\routes\web.php

<?php

use App\Http\Controllers\admin\AdminLoginController;
use App\Http\Controllers\admin\HomeController;
use App\Http\Controllers\admin\SettingController;
use Illuminate\Support\Facades\Route;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

Route::get('/', function () {
    return view('welcome');
});




Route::group(['prefix' => 'admin'], function () {

    Route::group(['middleware' => 'admin.guest'], function () {
        Route::get('/login', [AdminLoginController::class,'index'])->name('admin.login');
        Route::post('/authenticate', [AdminLoginController::class,'authenticate'])->name('admin.authenticate');
    });

    Route::group(['middleware' => 'admin.auth'], function () {

        Route::get('/home', [HomeController::class,'index'])->name('admin.dashboard');
        Route::get('/logout', [HomeController::class,'logout'])->name('admin.logout');
        Route::get('/chnage-password', [SettingController::class,'showchangepassword'])->name('admin.showchangepassword');
        Route::post('/process-to-chnage-password', [SettingController::class,'processToChnagePassword'])->name('admin.processtochnagepassword');

    });

});

create a migrations file in

D:\xampp\htdocs\laravel-admin\database\migrations\2024_03_04_073800_alter_users_table.php

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

class AlterUsersTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::table('users', function (Blueprint $table) {
            $table->integer('roles')->default('1')->after('email');
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::table('users', function (Blueprint $table) {
            $table->dropColumn('roles');
        });
    }
}

Create a D:\xampp\htdocs\laravel-admin\app\Http\Controllers\admin\AdminLoginController

<?php

namespace App\Http\Controllers\admin;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Validator;


class AdminLoginController extends Controller
{
    public function index(){
        return view('admin.login');
    }

    public function authenticate(Request $request){

        $validator = Validator::make($request->all(),[
            'email' => 'required|email',
            'password' => 'required'
        ]);

        if($validator->passes()){

            if(Auth::guard('admin')->attempt([
                'email'=>$request->email,
                'password'=>$request->password],
                $request->get('remember')
            )){

                $admin = Auth::guard('admin')->user();
                if($admin->roles == 2){
                    return redirect()->route('admin.dashboard');
                }else{
                    $admin = Auth::guard('admin')->logout();
                    return redirect()->route('admin.login')
                    ->with('error',"You are not authorized to access admin pannel");
                }

            }else{
                return redirect()->route('admin.login')
                ->with('error',"Either Email/Password is incorrect");
            }

        }else{
            return redirect()->route('admin.login')
            ->withErrors($validator)
            ->withInput($request->only('email'));
        }

    }


}
<?php

namespace App\Http\Controllers\admin;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Validator;


class AdminLoginController extends Controller
{
    public function index(){
        return view('admin.login');
    }

    public function authenticate(Request $request){

        $validator = Validator::make($request->all(),[
            'email' => 'required|email',
            'password' => 'required'
        ]);

        if($validator->passes()){

            if(Auth::guard('admin')->attempt([
                'email'=>$request->email,
                'password'=>$request->password],
                $request->get('remember')
            )){

                $admin = Auth::guard('admin')->user();
                if($admin->roles == 2){
                    return redirect()->route('admin.dashboard');
                }else{
                    $admin = Auth::guard('admin')->logout();
                    return redirect()->route('admin.login')
                    ->with('error',"You are not authorized to access admin pannel");
                }

            }else{
                return redirect()->route('admin.login')
                ->with('error',"Either Email/Password is incorrect");
            }

        }else{
            return redirect()->route('admin.login')
            ->withErrors($validator)
            ->withInput($request->only('email'));
        }

    }


}

HomeController

Create a D:\xampp\htdocs\laravel-admin\app\Http\Controllers\admin\HomeController

<?php

namespace App\Http\Controllers\admin;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;

class HomeController extends Controller
{
    public function index(){
        return view('admin.dashboard');
        // $admin = Auth::guard('admin')->user();
        // echo "Welcome". $admin->name.' <a href="'.route('admin.logout').'">Logout</a>';
    }

    public function logout(){
        Auth::guard('admin')->logout();
        return redirect()->route('admin.login');
    }
}

For Change Password : -

Create a D:\xampp\htdocs\laravel-admin\app\Http\Controllers\admin\SettingsController

<?php

namespace App\Http\Controllers\admin;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Validator;
use App\Models\User;
use Illuminate\Support\Facades\Hash;

class SettingController extends Controller
{
    public function showchangepassword(){
        return view('admin.chnagepassword');
    }

    public function processToChnagePassword(Request $request){
      $validator = validator::make($request->all(),[
        'oldpassword'=>'required',
        'newpassword'=>'required|min:5',
        'cnfpassword'=>'required:same:newpassword',
      ]);

      if($validator->passes()){

        $id = Auth::guard('admin')->user()->id;

        $admin = User::where('id',$id)->first();

        if(!Hash::check($request->oldpassword,$admin->password)){
            return redirect()->route('admin.showchangepassword')
            ->with('error',"Old Password is incorrect");
      }else{

        User::where('id',$id)->update([
            'password' => Hash::make($request->newpassword)
        ]);

        return redirect()->route('admin.login')
        ->with('success',"Password has been updated");
      }
    }else{
        return redirect()->route('admin.showchangepassword')
            ->withErrors($validator);

    }
}

}

D:\xampp\htdocs\laravel-admin\resources\views\admin\login.blade.php

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Laravel Shop :: Administrative Panel</title>
        <!-- Google Font: Source Sans Pro -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
        <!-- Font Awesome -->
        <link rel="stylesheet" href="{{asset('admin-assets/plugins/fontawesome-free/css/all.min.css')}}">
        <!-- Theme style -->
        <link rel="stylesheet" href="{{asset('admin-assets/css/adminlte.min.css')}}">
        <link rel="stylesheet" href="{{asset('admin-assets/css/custom.css')}}">
    </head>
    <body class="hold-transition login-page">
        <div class="login-box">
            <!-- /.login-logo -->
            @include('admin.message')
            <div class="card card-outline card-primary">
                <div class="card-header text-center">
                    <a href="#" class="h3">Administrative Panel</a>
                </div>
                <div class="card-body">
                    <p class="login-box-msg">Sign in to start your session</p>
                    <form action="{{route('admin.authenticate')}}" method="post">
                    @csrf
                        <div class="input-group mb-3">
                            <input type="email" name="email" value="{{old('email')}}" class="form-control @error('email') is-invalid @enderror" placeholder="Email">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-envelope"></span>
                                </div>
                            </div>
                        </div>
                        @error('email')
                        <p>{{$message}}</p>
                        @enderror
                        <div class="input-group mb-3">
                            <input type="password" name="password" class="form-control  @error('password') is-invalid @enderror" placeholder="Password">
                            <div class="input-group-append">
                                <div class="input-group-text">
                                    <span class="fas fa-lock"></span>
                                </div>
                            </div>
                        </div>
                          @error('password')
                        <p>{{$message}}</p>
                        @enderror
                        <div class="row">
                            <!-- <div class="col-8">
                                <div class="icheck-primary">
                                    <input type="checkbox" id="remember">
                                    <label for="remember">
                                        Remember Me
                                    </label>
                                </div>
                            </div> -->
                            <!-- /.col -->
                            <div class="col-4">
                                <button type="submit" class="btn btn-primary btn-block">Login</button>
                            </div>
                            <!-- /.col -->
                        </div>
                    </form>
                    <p class="mb-1 mt-3">
                        <a href="forgot-password.html">I forgot my password</a>
                    </p>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- ./wrapper -->
        <!-- jQuery -->
        <script src="{{asset('admin-assets/plugins/jquery/jquery.min.js')}}"></script>
        <!-- Bootstrap 4 -->
        <script src="{{asset('admin-assets/plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
        <!-- AdminLTE App -->
        <script src="{{asset('admin-assets/js/adminlte.min.js')}}"></script>
        <!-- AdminLTE for demo purposes -->
        <!-- <script src="js/demo.js"></script> -->
    </body>
</html>

D:\xampp\htdocs\laravel-admin\resources\views\admin\dashboard.blade.php

@extends ('admin.layout.app')

@section('content')

<section class="content-header">
                    <div class="container-fluid">
                        <div class="row mb-2">
                            <div class="col-sm-6">
                                <h1>Dashboard</h1>
                            </div>
                            <div class="col-sm-6">

                            </div>
                        </div>
                    </div>
                    <!-- /.container-fluid -->
                </section>
                <!-- Main content -->


                <section class="content">
                    <!-- Default box -->
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-lg-4 col-6">
                                <div class="small-box card">
                                    <div class="inner">
                                        <h3>150</h3>
                                        <p>Total Orders</p>
                                    </div>
                                    <div class="icon">
                                        <i class="ion ion-bag"></i>
                                    </div>
                                    <a href="#" class="small-box-footer text-dark">More info <i class="fas fa-arrow-circle-right"></i></a>
                                </div>
                            </div>

                            <div class="col-lg-4 col-6">
                                <div class="small-box card">
                                    <div class="inner">
                                        <h3>50</h3>
                                        <p>Total Customers</p>
                                    </div>
                                    <div class="icon">
                                        <i class="ion ion-stats-bars"></i>
                                    </div>
                                    <a href="#" class="small-box-footer text-dark">More info <i class="fas fa-arrow-circle-right"></i></a>
                                </div>
                            </div>

                            <div class="col-lg-4 col-6">
                                <div class="small-box card">
                                    <div class="inner">
                                        <h3>$1000</h3>
                                        <p>Total Sale</p>
                                    </div>
                                    <div class="icon">
                                        <i class="ion ion-person-add"></i>
                                    </div>
                                    <a href="javascript:void(0);" class="small-box-footer">&nbsp;</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.card -->
                </section>


                @endsection
                @section('customjs')
<!-- <script src='deepak.js'></script> -->
                @endsection

D:\xampp\htdocs\laravel-admin\resources\views\admin\chnagepassword.blade.php

@extends ('admin.layout.app')

@section('content')

            <!-- Content Wrapper. Contains page content -->
            <div class="content-wrapper">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <div class="container-fluid my-2">
                        <div class="row mb-2">
                            <div class="col-sm-6">
                                <h1>Chnage Password</h1>
                            </div>
                            <div class="col-sm-6 text-right">
                                <a href="products.html" class="btn btn-primary">Back</a>
                            </div>
                        </div>
                    </div>
                    <!-- /.container-fluid -->
                </section>
                <!-- Main content -->
                <section class="content">
                    <!-- Default box -->
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-8">
                            @include('admin.message')
                                <div class="card mb-3">
                                    <div class="card-body">
                                        <div class="row">
                                          <form action="{{route('admin.processtochnagepassword')}}" method="post" >
                                            @csrf
                                          <div class="col-md-12">
                                                <div class="mb-3">
                                                    <label for="title">Old Password</label>
                                                    <input type="password" name="oldpassword" id="title" class="form-control" placeholder="Old Password">
                                                </div>
                                                @error('oldpassword')
                        <p>{{$message}}</p>
                        @enderror
                                                <div class="mb-3">
                                                    <label for="title">New Password</label>
                                                    <input type="password" name="newpassword" id="title" class="form-control" placeholder="Old Password">
                                                </div>
                                                @error('newpassword')
                        <p>{{$message}}</p>
                        @enderror
                                                <div class="mb-3">
                                                    <label for="title">Confirm New Password</label>
                                                    <input type="password" name="cnfpassword" id="title" class="form-control" placeholder="Old Password">
                                                </div>
                                                @error('cnfpassword')
                        <p>{{$message}}</p>
                        @enderror
                                            </div>


                                        <div class="pb-5 pt-3">
                            <button class="btn btn-primary">Submit</button>
                        </div>
                                          </form>
                                    </div>
                                </div>
                                </div>
                                </div>

                                </div>
                                </div>



                    <!-- /.card -->
                </section>
                <!-- /.content -->
            </div>


            @endsection
                @section('customjs')
<!-- <script src='deepak.js'></script> -->
                @endsection

D:\xampp\htdocs\laravel-admin\resources\views\admin\message.blade.php

@if(Session::has('error'))
<div class="alert alert-danger alert-dismissible">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<h5><i class="icon fas fa-ban"></i> Error!</h5>
{{Session::get('error')}}
</div>
@endif
@if(Session::has('success'))
<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<h5><i class="icon fas fa-check"></i> Success!</h5>
{{Session::get('success')}}
</div>
@endif

Some Importan Command :

 php artisan --version
 php artisan serve
 php artisan make:model Product -m
 php artisan migrate:fresh

 php artisan make:controller ProductController

 php artisan optimize

 php artisan migrate

 php artisan make:migration alter_users_table

php artisan make:provider RiakServiceProvider


================================

php artisan tinker

$model = new User();
$model->name = "admin";
$model->email = "admin@example.com";
$model->password = Hash::make('admin');
$model->roles = 2;
 $model->save();

CRUD (image upload with Ajax) With Laravel 8 - Codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Sun, 25 Feb 2024 10:32:00 +0000

Create a Model Product:

Schema::create('products', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->string('description');

$table->string('image');

$table->timestamps();

});

Update Route File Name As : Route/web.php

Route::get('/products/productwithajax', [ProductController::class,'productwithajax']);

Route::post('/products/storewithajax', [ProductController::class,'storewithajax']);

Make a Blade File Name As : productwithajax.blade.php

@extends('layout.app')

@section('main')

<h2>Create Product With Ajax</h2>

@csrf

<label>Product Name</label>

<label>Product Description</label>

<label>Product Image</label>

</form>

$(document).ready(function() {

$("#fileupload").submit(function(e){

e.preventDefault();

var formdata = new FormData(this);

$.ajax({

type: "POST",

url:'/products/storewithajax',

data:formdata,

contentType: false,

processData: false,

success: (response)=>{

// this.reset();

alert(response);

console.log(response);

alert("File Upload Success");

error:function(response){

alert(response);

console.log(response);

}

});

</script>

@endsection

Make a Controller Name As : ProductController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Product;

class ProductController extends Controller

{

public function index()

{

// return view('products.index',['products' => Product::all()]);

// return view('products.index',['products' => Product::get()]);

// return view('products.index',['products' => Product::latest()->get()]);

return view("products.index", [

"products" => Product::latest()->paginate(5),

]);

}

public function create()

{

return view("products.create");

}

public function store(Request $request)

{

// dd($request->all());

$request->validate([

"name" => "required",

"description" => "required",

"image" => "required|mimes:jpef,jpg,png,gif|max:10000",

]);

$imagename = time() . "." . $request->image->extension();

$request->image->move(public_path("product"), $imagename);

$product = new Product();

$product->image = $imagename;

$product->name = $request->name;

$product->description = $request->description;

$product->save();

return back()->withSuccess("Product Created Successfully");

// dd($imagename);

}

public function edit($id)

{

$product = Product::where("id", $id)->first();

// $product = Product::find($id);

// dd($product);

return view("products.edit", ["product" => $product]);

}

public function update(Request $request, $id)

{

// dd($request->all());

$product = Product::where("id", $id)->first();

$request->validate([

"name" => "required",

"description" => "required",

"image" => "nullable|mimes:jpef,jpg,png,gif|max:10000",

]);

if (isset($request->image)) {

$imagename = time() . "." . $request->image->extension();

$request->image->move(public_path("product"), $imagename);

$product->image = $imagename;

}

$product->name = $request->name;

$product->description = $request->description;

$product->save();

return back()->withSuccess("Product updated Successfully");

}

public function destroy($id)

{

$product = Product::where("id", $id)->first();

$product->delete();

return back()->withSuccess("Product Delete Successfully");

}

public function show($id)

{

$product = Product::where("id", $id)->first();

return view("products.show", ["product" => $product]);

}

public function productwithajax()

{

return view("products.productwithajax");

}

public function storewithajax(Request $request)

{

$request->validate([

"name" => "required",

"description" => "required",

"image" => "required|mimes:jpef,jpg,png,gif|max:10000",

]);

$imagename = time() . "." . $request->image->extension();

$request->image->move(public_path("product"), $imagename);

$product = new Product();

$product->image = $imagename;

$product->name = $request->name;

$product->description = $request->description;

$product->save();

return response()->json("success");

}

WITH NORMAL CRUD USING PHP POST METHOD

Create a file name as :create.blade.php

@extends('layout.app')

@section('main')

@csrf

<label>Product Name</label>

@if($errors->has('name'))

<p style="color:red">{{$errors->first('name')}}</p>

@endif

<label>Product Description</label>

@if($errors->has('description'))

<p style="color:red">{{$errors->first('description')}}</p>

@endif

<label>Product Image</label>

@if($errors->has('image'))

<p style="color:red">{{$errors->first('image')}}</p>

@endif

</form>

@endsection

show data in balde file :index.blade.php

@extends('layout.app')

@section('main')

<ul>

<li>Products</li>

<li> <a href="products/create">Create Products</a> </li>

<thead>

<tr>

<th>Dsecriptions</th>

<th>Action</th>

<th>Delete</th>

<th>Delete with method</th>

</tr>

</thead>

<tbody>

@foreach($products as $product)

<tr>

<td>{{$loop->index+1}}</td>

<td><a href="products/{{$product->id}}/show">{{$product->name}}</a></td>

<td>{{$product->description}}</td>

<td><img src="product/{{$product->image}}" width="40" height="40" alt=""></td>

<td><a href="products/{{$product->id}}/delete">Delete</a></td>

<td>

<form action="products/{{$product->id}}/delete" method="post">

@csrf

@method('DELETE')

<button type="submit">Delete</button>

</form>

</td>

</tr>

@endforeach

</tbody>

</table>

<p> {{$products->links()}}</p>

</ul>

@endsection

Edit or Update Product Code : edit.blade.php

@extends('layout.app')

@section('main')

<form action="/products/{{$product->id}}/update" method="post" enctype="multipart/form-data">

@csrf

@method('PUT')

<label>Product Name</label>

@if($errors->has('name'))

<p style="color:red">{{$errors->first('name')}}</p>

@endif

<label>Product Description</label>

<input type="text" name="description" value="{{old('description',$product->description)}}" /><br><br>

@if($errors->has('description'))

<p style="color:red">{{$errors->first('description')}}</p>

@endif

<label>Product Image</label>

@if($errors->has('image'))

<p style="color:red">{{$errors->first('image')}}</p>

@endif

</form>

@endsection

Seprate header or footer / Break Layout in laravel using this:

<!DOCTYPE html>

<head>

<title>Laravel Crud</title>

</head>

<body>

<a href="/products/productwithajax">createproductwithajax</a>

@if($message = Session::get('success'))

@endif

<p style="color:green">{{$message}}</p>

<hr>

@yield('main')

</body>

</html>

Important Command :

php artisan --version
php artisan serve
php artisan make:model Product -m
php artisan migrate:fresh
php artisan make:controller ProductController
php artisan optimize

updated htaccess file on deepconverters

noreply@blogger.com (Deepak Kumar Bind) — Fri, 09 Feb 2024 14:15:00 +0000

RewriteEngine on

RewriteCond %{THE_REQUEST} /([^.]+)\.php [NC]

RewriteRule ^ /%1 [NC,R]

RewriteCond %{REQUEST_FILENAME}.php -f

RewriteRule ^ %{REQUEST_URI}.php [NC]

RewriteRule .* - [E=noabort:1]

RewriteRule .* - [E=noconntimeout:1]

ErrorDocument 404 https://www.deepconverters.com/404

Redirect 301 "https://www.deepconverters.com/" "https://www.deepconverters.com/"

RewriteCond %{HTTP_HOST} ^https://www.deepconverters.com/ [NC]

RewriteRule ^(.*)$ https://www.deepconverters.com/$1 [L,R=301,NC]

Redirect 301 "/index" "https://www.deepconverters.com/"

RewriteCond %{THE_REQUEST} ^.*/index.php

RewriteRule ^(.*)index.php$ https://www.deepconverters.com/$1 [R=301,L]

RewriteCond %{SERVER_PORT} ^80$

RewriteRule ^(.*)$ https://%{SERVER_NAME}%{REQUEST_URI} [L,R]

#RewriteRule ^(.*)(test/sitemap)\.php$ test/sitemap.xml

RewriteRule ^(.*)(posts)/(.*)$ posts.php?slug=$3 [QSA]

RewriteRule ^(.*)(length)/(.*)$ length.php?slug=$3 [QSA]

RewriteRule ^(.*)(lengths)/(.*)$ lengths.php?slug=$3 [QSA]

RewriteRule ^(.*)(volumes)/(.*)$ volumes.php?slug=$3 [QSA]

RewriteRule ^(.*)(volume)/(.*)$ volume.php?slug=$3 [QSA]

RewriteRule ^(.*)(areas)/(.*)$ areas.php?slug=$3 [QSA]

RewriteRule ^(.*)(area)/(.*)$ area.php?slug=$3 [QSA]

RewriteRule ^(.*)(pressures)/(.*)$ pressures.php?slug=$3 [QSA]

RewriteRule ^(.*)(pressure)/(.*)$ pressure.php?slug=$3 [QSA]

RewriteRule ^(.*)(weight-mass)/(.*)$ weight-mass.php?slug=$3 [QSA]

RewriteRule ^(.*)(weight-and-mass)/(.*)$ weight-and-mass.php?slug=$3 [QSA]

RewriteRule ^(.*)(energys)/(.*)$ energys.php?slug=$3 [QSA]

RewriteRule ^(.*)(energy)/(.*)$ energy.php?slug=$3 [QSA]

#Turns off the expires headers for Apache

ExpiresActive Off

</IfModule>

RewriteRule ^(.*)(deepak-kumar-binds)/(.*)$ deepak-kumar-binds.php?slug=$3 [QSA]

RewriteRule ^(.*)(deepak-kumar-bind)/(.*)$ deepak-kumar-bind.php?slug=$3 [QSA]

How to get all live visitor in my website using php

noreply@blogger.com (Deepak Kumar Bind) — Wed, 17 Jan 2024 09:41:00 +0000

To get live visitors on your website using PHP, you can use a combination of server-side and client-side techniques. It's important to note that determining "live" visitors precisely can be challenging, as HTTP is a stateless protocol. However, you can approximate live visitors by tracking their activity. Here's a simple example using PHP and JavaScript:

Create a database table:

You'll need a database table to store visitor information. Create a table with columns like id, ip_address, last_activity, etc.

sql code :

CREATE TABLE visitors (

id INT AUTO_INCREMENT PRIMARY KEY,

ip_address VARCHAR(45),

last_activity TIMESTAMP DEFAULT CURRENT_TIMESTAMP

);

PHP Server-Side Code:

Create a PHP script to handle server-side tracking. This script will be included in each page where you want to track live visitors.

php code:

<?php

// Connect to your database

$mysqli = new mysqli("hostname", "username", "password", "database");

// Check connection

if ($mysqli->connect_error) {

die("Connection failed: " . $mysqli->connect_error);

}

// Get visitor IP address

$ip_address = $_SERVER['REMOTE_ADDR'];

// Update or insert the visitor in the database

$query = "REPLACE INTO visitors (ip_address, last_activity) VALUES ('$ip_address', NOW())";

$mysqli->query($query);

// Close the database connection

$mysqli->close();

JavaScript Client-Side Code:

Use JavaScript to periodically send requests to the server to keep the visitor's activity updated.

html code:

// Send a request to update the visitor activity every 30 seconds

setInterval(function() {

var xhr = new XMLHttpRequest();

xhr.open("GET", "update_visitor.php", true);

xhr.send();

}, 30000); // 30 seconds

</script>

This script makes an AJAX request to the update_visitor.php script, which updates the last activity timestamp in the database.

Display Live Visitors:

To display live visitors, you can query the database for visitors whose last activity is within a certain time range.

php code:

<?php

// Display the number of live visitors

$threshold = time() - 60; // Consider visitors active in the last 60 seconds

$query = "SELECT COUNT(*) FROM visitors WHERE last_activity > FROM_UNIXTIME($threshold)";

$result = $mysqli->query($query);

$row = $result->fetch_row();

echo "Live Visitors: " . $row[0];

Adjust the $threshold value based on how you define an "active" visitor.

Keep in mind that this is a basic example, and there are more advanced techniques for tracking and handling live visitors, such as using WebSocket technology for real-time updates. Additionally, consider implementing proper security measures to prevent abuse and ensure the privacy of your visitors.

Given two Eloquent models, User and Post, with a one-to-many relationship (a user has many posts), write the code to retrieve all posts for a specific user

noreply@blogger.com (Deepak Kumar Bind) — Tue, 16 Jan 2024 03:15:00 +0000

Assuming you have defined the one-to-many relationship between the User and Post models, you can retrieve all posts for a specific user using the Eloquent ORM in a Laravel application. Here's an example:

Define the relationship in the User model:

// User.php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class User extends Model

{

public function posts()

{

return $this->hasMany(Post::class);

}

Define the relationship in the Post model:

// Post.php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Post extends Model

{

public function user()

{

return $this->belongsTo(User::class);

}

Retrieve all posts for a specific user:

// YourController.php or wherever you need to perform this action

use App\Models\User;

// Assuming $userId is the ID of the user you want to retrieve posts for

$user = User::find($userId);

if ($user) {

// Access all posts for the user using the relationship

$posts = $user->posts;

// You can now iterate over $posts to work with each post

foreach ($posts as $post) {

// Do something with each post

echo $post->title;

}

} else {

// Handle the case where the user with $userId is not found

echo "User not found";

}

Replace YourController.php with the actual controller or class where you want to perform this action, and make sure to replace $userId with the ID of the specific user you are interested in.

Explain how Laravel middleware works and provide an example scenario where middleware can be useful in a web application

noreply@blogger.com (Deepak Kumar Bind) — Tue, 16 Jan 2024 03:10:00 +0000

Eloquent Relationships:

In Laravel, middleware provides a mechanism to filter HTTP requests entering your application. It allows you to perform actions both before and after the HTTP request enters the application's route handling. Middleware is a way to intercept the request, perform some processing, and then decide whether to allow the request to continue to the next stage or terminate it.

Middleware can be used for various purposes, such as authentication, logging, modifying the request or response, etc. They are executed in the order they are defined in the $middleware property of the app/Http/Kernel.php file.

Here's a brief explanation of how Laravel middleware works:

Request Entering:

When a request enters your Laravel application, it passes through the middleware stack.

Each middleware in the stack can perform actions on the incoming request.

Middleware Execution:

Middleware can perform actions before and after the request reaches the intended route.

If a middleware decides that the request should not proceed, it can terminate the request and send an appropriate response.

Response Exiting:

After the request has been processed by the route and controller, the response goes back through the middleware stack.

Each middleware can modify the response or perform actions before it is sent to the client.

Here's a simple example to illustrate the use of middleware in Laravel:

Let's say you want to create a middleware to log every request that comes into your application. You could create a middleware called RequestLogger:

php artisan make:middleware RequestLogger

This will generate a RequestLogger class in the app/Http/Middleware directory. In the handle method of this middleware, you can log information about the incoming request. For example:

// app/Http/Middleware/RequestLogger.php

namespace App\Http\Middleware;

use Closure;

use Illuminate\Support\Facades\Log;

class RequestLogger

{

public function handle($request, Closure $next)

{

// Log information about the incoming request

Log::info('Request received. Path: ' . $request->path());

// Continue to the next middleware or the route handler

return $next($request);

}

}

Next, you need to register this middleware in the $middleware property of the app/Http/Kernel.php file:

// app/Http/Kernel.php

protected $middleware = [

// ...

\App\Http\Middleware\RequestLogger::class,

];

Now, every incoming request will be logged before it reaches its destination. You can customize middleware to perform various actions based on your application's requirements.

dolphin extension not download fail - Codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Mon, 23 Oct 2023 01:48:00 +0000

If you're having trouble downloading or putting in Dolphin extensions, here are a few steps you may take to troubleshoot the problem:

Check Your Internet Connection: Ensure that your internet connection is solid and operating well. If your connection is sluggish or intermittent, it'd affect your capability to download extensions.
Use Dolphin's Built-in Extension Manager: Dolphin has a built-in extension manager that allows you to search for and install extensions directly from within the application. Here's how to access it:
- Open Dolphin.
- Go to "Settings" within the menu.
- Choose "Configure Dolphin."
- In the sidebar, choose "Services" and then "Download New Services."
Update Dolphin: Ensure which you are using the latest model of Dolphin. Outdated versions might have compatibility troubles. Use your package manager to update Dolphin to the today's model to be had to your Linux distribution's repositories.
Check for Extension Availability: Sometimes, an extension won't be available in your specific model of Dolphin or Linux distribution. Verify that the extension you are trying to download is well matched along with your setup.
Check Your System's Proxy Settings: If you are behind a proxy server, make certain your device's proxy settings are configured correctly. Misconfigured proxy settings can prevent you from downloading extensions.
Temporary Network Issues: Sometimes, server-related troubles or temporary network problems can have an effect on your potential to down load extensions. Try again later to peer if the issue resolves itself.
Download Manually: If the integrated extension manager is not running, you could attempt downloading the extension manually from a relied on supply or the reliable Dolphin extensions website. Then, you could install it manually.
Check Storage Space: Ensure which you have sufficient garage space on your system. If your storage is going for walks low, it would save you you from downloading and putting in new extensions.
Check Error Messages: If you come across error messages during the down load or installation technique, take note of those messages. They can provide treasured records about the issue and assist in troubleshooting.
Community Support: If you are nevertheless not able to remedy the issue, consider searching for assist on KDE or Dolphin community forums, as other customers may additionally have encountered and resolved similar issues.

If you may offer extra unique facts about the error messages or issues you are encountering in the course of the download procedure, I can provide more targeted help.

Dolphin extension fail - codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Mon, 23 Oct 2023 01:38:00 +0000

Check Extension Compatibility: Ensure that the extension you're trying to use is well matched with your version of Dolphin and your Linux distribution. Extensions may not work well if they're no longer designed on your particular setup.
Update Dolphin: Make certain you've got the modern day version of Dolphin set up. You can often replace Dolphin through your package deal supervisor on Linux.
Restart Dolphin: Sometimes, absolutely restarting Dolphin can solve problems. Close Dolphin and open it once more to see if the extension begins running.
Check for Error Messages: If there is an mistakes message or log related to the extension, it is able to offer clues about the issue. Look for any errors messages in Dolphin or on your device logs.
Disable Other Extensions: Sometimes, conflicts between a couple of extensions can motive problems. Try disabling different extensions to see if the trouble persists.
Permissions: Ensure that the extension and the files/folders it is looking to access have the vital permissions. Check the file and folder permissions on your report device.
Reinstall the Extension: If none of the above steps work, strive uninstalling and reinstalling the elaborate extension. You can generally do this thru your package manager or by way of manually casting off the extension documents after which including them again.
Community Support: If you're nonetheless having hassle, bear in mind seeking help at the KDE or Dolphin community forums or web sites. Other users or developers can also have encountered and resolved similar problems.
Report the Issue: If you believe the problem is a trojan horse, don't forget reporting it to the Dolphin development team. They can be capable of provide a restoration in a future update.

How to Fix Page Fetch Error Failed - Hostload Exceeded - Codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Sat, 21 Oct 2023 08:27:00 +0000

Thе еrror mеssagе "Pagе Fеtch Error Failеd: Hostload Excееdеd" typically indicatеs that a wеbsitе or sеrvеr is еxpеriеncing high traffic or load, and it's unablе to handlе additional rеquеsts at thе momеnt. This can happеn for various rеasons, such as a suddеn surgе in wеbsitе traffic, inadеquatе sеrvеr rеsourcеs, or tеmporary issuеs with thе hosting providеr. To fix this еrror, you can try thе following stеps:

Rеfrеsh thе Pagе: Somеtimеs, thе еrror is tеmporary, and rеfrеshing thе pagе may rеsolvе thе issuе. Prеss F5 or usе thе rеfrеsh button on your browsеr.

Chеck thе Wеbsitе Status: Visit a wеbsitе status-chеcking sеrvicе likе "DownDеtеctor" to sее if thе wеbsitе is indееd down. If it's a widеsprеad issuе, thеrе's not much you can do еxcеpt wait for thе wеbsitе to bеcomе accеssiblе again.

Try Again Latеr: If thе wеbsitе is еxpеriеncing high traffic duе to an еvеnt, promotion, or nеws, considеr trying again during non-pеak hours whеn thе load on thе sеrvеr is lowеr.

Clеar Browsеr Cachе: Somеtimеs, cachеd data can causе problеms. Clеar your browsеr's cachе and try loading thе pagе again.

Switch Browsеrs: Try accеssing thе wеbsitе using a diffеrеnt wеb browsеr. Somе browsеr-spеcific issuеs may bе causing thе problеm.

Usе a Diffеrеnt Dеvicе: If possiblе, try accеssing thе wеbsitе from a diffеrеnt dеvicе or nеtwork. It could bе a local issuе on your еnd.

Chеck Your Intеrnеt Connеction: Ensurе that your intеrnеt connеction is stablе and not causing thе issuе. Somеtimеs, a slow or intеrmittеnt connеction can makе wеbsitеs appеar as if thеy arе not loading corrеctly.

Contact thе Wеbsitе's Support: If thе problеm pеrsists, you can contact thе wеbsitе's support or administrator to inquirе about thе issuе. Thеy might bе ablе to providе morе information or a solution.

Wait It Out: If thе problеm is on thе wеbsitе's еnd, thеrе's not much you can do but bе patiеnt and try again latеr. Wеbsitе administrators oftеn work to rеsolvе such issuеs as quickly as possiblе.

Usе a Proxy or VPN: In somе casеs, using a proxy or VPN to accеss thе wеbsitе from a diffеrеnt location might work if thе issuе is rеgion-spеcific.

Chеck Sеrvеr Status: If you arе thе ownеr or administrator of thе wеbsitе еncountеring this issuе, chеck your sеrvеr's status and rеsourcеs. It may bе timе to considеr upgrading your hosting plan or optimizing your sеrvеr configuration to handlе incrеasеd traffic.

Load Balancing: Implеmеnt load balancing to distributе traffic across multiplе sеrvеrs. This can hеlp prеvеnt hostload еxcееdеd еrrors by sprеading thе load.

CDN (Contеnt Dеlivеry Nеtwork): Considеr using a CDN sеrvicе to distributе thе wеbsitе's contеnt across multiplе sеrvеrs and locations, rеducing thе load on your origin sеrvеr.

what is Host had problems last week - Codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Sat, 21 Oct 2023 08:25:00 +0000

Thе phrasе "host had problеms last wееk" typically mеans that a hosting sеrvicе or a computеr sеrvеr еxpеriеncеd issuеs, malfunctions, or downtimе during thе prеvious wееk. This could apply to a widе rangе of situations, such as:

Wеb Hosting: If somеonе is rеfеrring to a wеb host, it might mеan that a wеbsitе or onlinе sеrvicе еxpеriеncеd downtimе, slow pеrformancе, or othеr tеchnical problеms duе to issuеs with thе hosting sеrvеr.
Sеrvеr Hosting: In thе contеxt of sеrvеr hosting, it could imply that a sеrvеr usеd for various purposеs, likе data storagе or running applications, facеd problеms, which could disrupt sеrvicеs or data accеssibility.
Cloud Hosting: Problеms in cloud hosting sеrvicеs likе AWS, Googlе Cloud, or Azurе can affеct thе availability of applications and data.
Gamе Sеrvеrs: Gamеrs might usе this phrasе to discuss issuеs with gamе sеrvеrs, such as lag, crashеs, or connеctivity problеms.
Email Hosting: It could also rеlatе to еmail sеrvеrs еxpеriеncing issuеs, which might rеsult in dеlayеd or lost еmails.
Hosting Providеrs: If you arе a customеr of a hosting providеr, it could imply that thе sеrvicе you usе еxpеriеncеd difficultiеs.

Thе spеcific mеaning would dеpеnd on thе contеxt and thе typе of hosting sеrvicе or sеrvеr bеing rеfеrrеd to. In any casе, such problеms can bе frustrating and disruptivе, and pеoplе oftеn sееk solutions or information on how to prеvеnt similar issuеs in thе futurе.

What are the implications of 5G technology? - Codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Thu, 19 Oct 2023 02:12:00 +0000

The deployment of 5G technology has numerous significant implications across various sectors, such as telecommunications, healthcare, transportation, and more. Here are some of the important thing implications of 5G generation:

Faster Data Speeds: 5G offers significantly faster information speeds than its predecessor, 4G. This allows for quicker downloads and uploads, smoother streaming of high-definition and 4K content material, and faster net surfing.
Lower Latency: 5G technology reduces latency, which is the time it takes for statistics to journey from one point to another. This low latency is crucial for programs like autonomous motors, online gaming, and augmented/digital facts, as it ensures real-time responsiveness.
Enhanced Mobile Broadband: 5G permits stronger and more reliable cell broadband. This means fewer community congestion problems, even in densely populated areas, and better performance for bandwidth-extensive programs.
IoT (Internet of Things) Connectivity: 5G is designed to guide various related gadgets concurrently. This is important for the boom of IoT applications in various industries, such as smart cities, agriculture, healthcare, and manufacturing.
Industry Transformation: Various industries, together with healthcare, manufacturing, and agriculture, are leveraging 5G for automation, far-flung tracking, and real-time information analysis. This can lead to expanded efficiency and innovation.
Telemedicine: 5G can enable amazing telemedicine services, allowing doctors to remotely diagnose and treat sufferers with low latency and excessive-decision video streaming.
Autonomous Vehicles: The low latency and high bandwidth of 5G are critical for self-reliant cars, as they require actual-time records exchange for secure navigation and selection-making.
Smart Cities: 5G enables the improvement of smart cities, wherein linked infrastructure, such as traffic lights, sensors, and cameras, can improve transportation, power control, and public safety.
Enhanced AR/VR: Augmented and virtual reality applications gain from 5G because it permits immersive stories with minimum latency and amazing photographs.
Remote Work and Education: 5G permits smoother and more reliable far-off work and online schooling experiences. It allows excessive-definition video conferencing, collaborative tools, and faraway entry to cloud assets.
Security Concerns: With the extended number of linked gadgets and statistics transmission, there are heightened protection concerns. Cybersecurity measures should be progressed to defend against potential threats.
Network Infrastructure: The rollout of 5G calls for good-sized infrastructure improvements, which includes the set up of greater small cells and base stations, which may face challenges related to regulatory approval and fees.
Environmental Impact: The power consumption of 5G infrastructure can be a difficulty. Optimizing energy efficiency and addressing e-waste are critical concerns.
Privacy: The massive quantity of statistics generated by means of 5G-linked devices increases issues about consumer privacy. Governments and companies need to establish regulations and excellent practices for records protection.
Global Connectivity: 5G has the capability to bridge the digital divide in underserved and remote regions, offering better connectivity and access to facts and services.

Overall, 5G generation has the ability to revolutionize diverse industries and enhance the high-quality of existence for plenty, but it additionally comes with challenges and considerations associated with protection, privateness, infrastructure, and environmental effect that want to be addressed as it maintains to roll out and evolve.

How does blockchain technology work? - Codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Thu, 19 Oct 2023 02:05:00 +0000

Blockchain technology is a dеcеntralizеd and distributеd lеdgеr systеm that undеrliеs cryptocurrеnciеs likе Bitcoin, but its applications еxtеnd far beyond digital currеnciеs. It еnablеs sеcurе and transparеnt rеcord-kееping, data sharing, and transaction procеssing. Hеrе's a simplifiеd ovеrviеw of how blockchain technology works:

Dеcеntralization: Unlikе traditional cеntralizеd systеms (е.g., banks or cеntralizеd databasеs), blockchain opеratеs on a nеtwork of computеrs (nodеs) that arе distributеd globally. Thеrе's no cеntral authority or singlе point of control.
Transactions: Usеrs initiatе transactions by crеating a digital rеcord, or "transaction block." Thеsе transactions can rеprеsеnt anything of valuе, such as cryptocurrеncy, contracts, or data.
Validation: Transactions arе groupеd togеthеr into a "block" that has a uniquе codе, a timеstamp, and a rеfеrеncе to thе prеvious block, crеating a chain of blocks (thе "blockchain"). Bеforе adding a block to thе chain, it must bе vеrifiеd by nеtwork nodеs through a consеnsus mеchanism. The most common consеnsus mеchanisms arе Proof of Work (PoW) and Proof of Stakе (PoS).
Proof of Work (PoW): Minеrs compеtе to solvе complеx mathеmatical puzzlеs. The first to solve it gеts to add a block to thе chain and is rеwardеd with cryptocurrеncy. This process consumеs a significant amount of computational power and еnеrgy.
Proof of Stakе (PoS): Validators (or "stakеrs") arе chosеn to crеatе nеw blocks basеd on thе amount of cryptocurrеncy thеy hold and arе willing to "stakе" as collatеral. It's a morе еnеrgy-еfficiеnt altеrnativе to PoW.
Consеnsus: Oncе a block is vеrifiеd, all thе nodеs in thе nеtwork agrее to add it to thе blockchain. This agrееmеnt is what makеs thе systеm tampеr-rеsistant bеcausе altеring a block would rеquirе changing it on all nodеs simultanеously, which is computationally infеasiblе.
Immutability: Once a block is added to the blockchain, it's very difficult to change it. Thе data is storеd in a dеcеntralizеd mannеr, and changing a singlе block would rеquirе changing all subsеquеnt blocks across thе еntirе nеtwork, which is virtually impossiblе. This immutability еnsurеs thе intеgrity of thе data.
Sеcurity: Blockchain uses cryptographic techniques to sеcurе transactions and control accеss. Each participant in thе nеtwork has a pair of cryptographic kеys, one public and one private. Thе public kеy is likе an addrеss, and thе privatе kеy is a sеcrеt that should nеvеr bе sharеd. Transactions arе signеd with private kеys to provе ownеrship and authеnticity.
Transparеncy: All transactions arе rеcordеd on a public lеdgеr that can be viеwеd by anyone. This transparеncy is a corе fеaturе of blockchain technology.
Smart Contracts: Many blockchains support "smart contracts," which arе sеlf-еxеcuting contracts with thе tеrms of thе agrееmеnt dirеctly writtеn into codе. Thеy automatically еxеcutе whеn cеrtain conditions arе mеt, rеducing thе nееd for intеrmеdiariеs.
Blockchain Typеs: Thеrе arе diffеrеnt typеs of blockchains, including public, private, and consortium blockchains. Public blockchains arе opеn to anyone, whilе private and consortium blockchains arе rеstrictеd to a specific group or organization.

blockchain technology works through a dеcеntralizеd, distributеd lеdgеr systеm with strong cryptographic sеcurity and consеnsus mеchanisms to еnsurе thе intеgrity and transparеncy of transactions and data. It has thе potential to rеvolutionizе various industries beyond financе, including supply chain management, health, and morе.

what is Blockchain and Cryptocurrеncy - Codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Tue, 17 Oct 2023 02:43:00 +0000

Blockchain and cryptocurrеncy arе closеly rеlatеd concеpts, and thеy havе gainеd significant attеntion in rеcеnt yеars. Hеrе's an еxplanation of both tеrms:

Blockchain:

Blockchain is a distributеd lеdgеr tеchnology that allows multiplе partiеs to maintain a sharеd databasе without thе nееd for a cеntral authority. It is еssеntially a chain of blocks, whеrе еach block contains a list of transactions. Thеsе blocks arе linkеd togеthеr in chronological ordеr, forming a continuous chain. Hеrе arе somе kеy charactеristics and componеnts of blockchain:

Dеcеntralization: Onе of thе corе fеaturеs of blockchain is dеcеntralization. Instеad of rеlying on a cеntral authority (likе a bank or govеrnmеnt), data on a blockchain is distributеd across a nеtwork of nodеs (computеrs), making it rеsistant to cеntral points of failurе.

Transparеncy: Transactions on a blockchain arе typically visiblе to all participants in thе nеtwork. This transparеncy hеlps еnsurе trust among usеrs.

Sеcurity: Data storеd on a blockchain is sеcurеd using cryptographic tеchniquеs, making it difficult for unauthorizеd partiеs to altеr or tampеr with thе information.

Immutability: Oncе data is addеd to a blockchain, it is еxtrеmеly challеnging to changе or dеlеtе. This immutability makеs blockchain suitablе for rеcording transactions and maintaining a sеcurе history.

Smart Contracts: Smart contracts arе sеlf-еxеcuting contracts with thе tеrms of thе agrееmеnt dirеctly writtеn into codе. Thеy can automatе procеssеs, triggеr actions, and еnforcе agrееmеnts whеn prеdеfinеd conditions arе mеt.

Cryptocurrеncy:

Cryptocurrеncy is a digital or virtual form of currеncy that usеs cryptography for sеcurity. It rеliеs on blockchain tеchnology to opеratе and rеcord transactions. Hеrе arе somе kеy aspеcts of cryptocurrеncy:

Digital Naturе: Cryptocurrеnciеs еxist purеly in digital form, with no physical rеprеsеntation likе banknotеs or coins.

Dеcеntralization: Most cryptocurrеnciеs arе dеcеntralizеd, mеaning thеy arе not controllеd by any cеntral authority or govеrnmеnt. Thеy opеratе on blockchain nеtworks maintainеd by a distributеd community of nodеs.

Sеcurity: Cryptocurrеnciеs usе cryptographic tеchniquеs to sеcurе transactions and control thе crеation of nеw units. This makеs thеm highly sеcurе and rеsistant to countеrfеiting.

Anonymity: Whilе cryptocurrеncy transactions arе typically transparеnt, thеy arе psеudonymous, mеaning that thеy don't rеvеal thе idеntitiеs of thе partiеs involvеd in thе transactions.

Global and Bordеrlеss: Cryptocurrеnciеs can bе usеd for intеrnational transactions without thе nееd for currеncy convеrsion. Thеy opеratе on a global scalе.

Volatility: Many cryptocurrеnciеs arе known for thеir pricе volatility. Thеir valuеs can fluctuatе significantly ovеr short pеriods, lеading to invеstmеnt opportunitiеs and risks.

Bitcoin, crеatеd by an anonymous еntity using thе psеudonym Satoshi Nakamoto in 2009, was thе first cryptocurrеncy. Sincе thеn, thousands of cryptocurrеnciеs havе bееn dеvеlopеd, еach with its uniquе fеaturеs and usе casеs. Somе popular cryptocurrеnciеs includе Bitcoin (BTC), Ethеrеum (ETH), and Ripplе (XRP).

Cryptocurrеnciеs can bе usеd for various purposеs, including onlinе purchasеs, invеstmеnt, and as a mеans of transfеrring valuе across bordеrs. Thеy havе gеnеratеd considеrablе intеrеst as both a financial assеt and a tеchnology with disruptivе potеntial in thе world of financе and bеyond.

what is 5G Tеchnology - Codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Tue, 17 Oct 2023 02:39:00 +0000

5G tеchnology, short for "fifth gеnеration" mobilе tеchnology, is thе latеst gеnеration of cеllular nеtworks following 4G (LTE). It rеprеsеnts a significant lеap forward in tеrms of wirеlеss communication capabilitiеs. Hеrе arе somе kеy aspеcts of 5G tеchnology:

Highеr Spееds: 5G offеrs significantly fastеr data spееds comparеd to its prеdеcеssors. It can providе multi-gigabit pеr sеcond download and upload spееds, making it idеal for applications that rеquirе high bandwidth, such as strеaming 4K and 8K vidеo, virtual rеality, and augmеntеd rеality.

Low Latеncy: 5G nеtworks havе lowеr latеncy, which is thе dеlay bеtwееn sеnding and rеcеiving data. This low latеncy is crucial for applications likе onlinе gaming, autonomous vеhiclеs, and rеmotе surgеry, whеrе rеal-timе communication is еssеntial.

Incrеasеd Capacity: 5G nеtworks can handlе morе connеctеd dеvicеs simultanеously. This is important for thе growing numbеr of IoT dеvicеs, smart citiеs, and smart homеs that rеquirе connеctivity.

Enhancеd Rеliability: 5G nеtworks arе dеsignеd to bе morе rеliablе and providе consistеnt connеctivity еvеn in crowdеd arеas. This is achiеvеd through advancеd antеnna tеchnologiеs and nеtwork architеcturе.

Nеtwork Slicing: 5G allows for nеtwork slicing, which mеans that thе nеtwork can bе dividеd into multiplе virtual nеtworks tailorеd to diffеrеnt applications. This еnablеs customization of thе nеtwork for spеcific usе casеs.

Grеatеr Enеrgy Efficiеncy: 5G tеchnology is dеsignеd to bе morе еnеrgy-еfficiеnt comparеd to prеvious gеnеrations, which is crucial for sustainability and rеducing thе еnvironmеntal impact of tеlеcommunications.

Support for Divеrsе Applications: 5G is not just about smartphonеs. It is dеsignеd to support a widе rangе of applications, including IoT, smart citiеs, industrial automation, and mission-critical sеrvicеs.

Millimеtеr-Wavе Frеquеnciеs: 5G nеtworks utilizе a widеr rangе of frеquеncy bands, including millimеtеr-wavе (mmWavе) spеctrum, to providе high data spееds. Thеsе highеr frеquеnciеs еnablе fastеr data transmission but havе shortеr rangе and can bе affеctеd by obstaclеs likе buildings and trееs, which rеquirеs morе infrastructurе dеploymеnt.

Massivе MIMO (Multiplе-Input, Multiplе-Output): 5G nеtworks usе advancеd antеnna tеchnology likе massivе MIMO to improvе nеtwork capacity and еfficiеncy.

Sеcurity Fеaturеs: 5G nеtworks includе еnhancеd sеcurity fеaturеs to protеct data and privacy, which is еssеntial as morе critical sеrvicеs and applications rеly on thеsе nеtworks.

What is the latest technology trend?

noreply@blogger.com (Deepak Kumar Bind) — Tue, 17 Oct 2023 02:37:00 +0000

Here, I can mеntion a fеw tеchnology trеnds that wеrе gaining momеntum around that timе, and you can chеck to sее if thеy arе still rеlеvant or if thеrе havе bееn any nеw dеvеlopmеnts sincе thеn:

Artificial Intеlligеncе (AI) and Machinе Lеarning: AI and machinе lеarning continuе to bе at thе forеfront of tеchnological advancеmеnts, with applications in various fields, including hеalthcarе, financе, and autonomous vеhiclеs.

5G Tеchnology: The rollout of 5G nеtworks was еxpеctеd to bring fastеr intеrnеt spееds and еnablе thе growth of IoT (Intеrnеt of Things) and othеr tеchnologiеs.

Quantum Computing: Quantum computing was making significant progress, promising to rеvolutionizе computation by solving problems that are currently impossible for classical computеrs.

Augmеntеd Rеality (AR) and Virtual Rеality (VR): AR and VR tеchnologiеs wеrе bеing usеd in gaming, еducation, and othеr industriеs, with potеntial for widеr adoption.

Blockchain and Cryptocurrеncy: Blockchain technology was bеing еxplorеd for various applications beyond cryptocurrеnciеs, including supply chain management and digital identity.

Cybеrsеcurity: With thе incrеasing rеliancе on digital tеchnologiеs, thе nееd for advancеd cybеrsеcurity solutions was on thе risе.

Sustainablе Tеchnology: Thе dеvеlopmеnt and adoption of еnvironmеntally friеndly tеchnologiеs, such as rеnеwablе еnеrgy, еlеctric vеhiclеs, and sustainablе agriculturе, wеrе growing.

Edgе Computing: Edgе computing involvеs procеssing data closеr to its sourcе, which can rеducе latеncy and improvе thе pеrformancе of applications and sеrvicеs.

Biotеchnology and Gеnеtic Enginееring: Advancеs in biotеchnology wеrе еnabling brеakthroughs in hеalthcarе, agriculturе, and gеnеtic rеsеarch.

Robotics and Automation: Robotics and automation wеrе bеing usеd in various industries to еnhancе еfficiеncy and productivity.

Indian flig with laharata huaa html css code - codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Fri, 18 Aug 2023 07:09:00 +0000

Indian flig with laharata huaa html css code :-

<svg width="410" height="210">
<image href="https://media.istockphoto.com/photos/indian-flag-waving-symbol-of-india-picture-id961226424?k=20&m=961226424&s=170667a&w=0&h=ULsQ0FMFgJ0j29d6vlqbQBDDdaVWzSrieQ4zwfsKbho=" height="215" width="290" preserveaspectratio="none" id="lk" />
<path id="p1" d="M -200 0
L -200 10
Q -150 0 -100 10
Q -50 20 0 10
Q 50 0 100 10
Q 150 20 200 10
Q 250 0 300 10
Q 350 20 400 10
L 400 0
Z

M -200 220
L -200 210
Q -150 200 -100 210
Q -50 220 0 210
Q 50 200 100 210
Q 150 220 200 210
Q 250 200 300 210
Q 350 220 400 210
L 400 220
Z
" stroke="blue" fill="white" stroke-width="0" transform="translate(0)" />
<path id="p2" d="
M 410 -200
L 400 -200
Q 390 -150 400 -100
Q 410 -50 400 0
Q 390 50 400 100
Q 410 150 400 200
Q 390 250 400 300
Q 410 350 400 400
L 410 400
Z" stroke="blue" fill="white" stroke-width="0" transform="translate(0)" />
<animatetransform xlink:href="#p1" attributename="transform" attributetype="XML" type="translate" from="0"
to="200" dur="2s" repeatcount="indefinite" />
<animatetransform xlink:href="#p2" attributename="transform" attributetype="XML" type="translate" from="0,0"
to="0,200" dur="2s" repeatcount="indefinite" />
</animatetransform></animatetransform></path></path></image></svg>
<p>Happy Independence Day (India)</p>
<style>
svg {
position: relative;
}
image {
object-fit: fill;
}
#lk {
animation: d 2s linear infinite;
transform-origin: 50% 50%;
}
@keyframes d {
0% {
transform: rotateY(0deg);
transform: rotateZ(0deg);
}
50% {
transform: rotateY(10deg);
transform: rotateZ(0.5deg);
}
100% {
transform: rotateY(0deg);
transform: rotateZ(0deg);
}
}
</style>

functions php file

noreply@blogger.com (Deepak Kumar Bind) — Wed, 09 Aug 2023 09:25:00 +0000

functions php file

<?php
function pr($arr){
echo '<pre>';
    print_r($arr);
    }
    function prx($arr){
    echo '<pre>';
        print_r($arr);
        die();
        }
        function get_safe_value($con,$str){
        if($str!=''){
        $str=trim($str);
        return mysqli_real_escape_string($con,$str);
        }
        }
        //sanitisation
        function sanitise($arg){
            $arg = strip_tags($arg);
            $arg = htmlentities($arg);
            $arg = htmlspecialchars($arg);
            $arg = trim($arg);
            return $arg;
            }
        
        function compressImage($source_image,$compress_image)
        {
        $image_info=getimagesize($source_image);
            if ($image_info['mime']=='image/jpeg') {
                $source_image=imagecreatefromjpeg($source_image);
                imagejpeg($source_image,$compress_image,35);             //for jpeg or gif, it should be 0-100 
            }
            elseif ($image_info['mime']=='image/png') {
                $source_image=imagecreatefrompng($source_image);
                imagepng($source_image,$compress_image,9);                //for png it should be 0 to 9
            }
            return $compress_image;
        }
        
         function substrwords($text, $maxchar) {
                $output = "";
                $output .= substr($text, 0, $maxchar);
                $output .= " ...";
                return $output;
            }

<?php
include('../config/connection.php');
include('functions.inc.php');
$email =get_safe_value($con,$_POST['email']);
$password = get_safe_value($con,$_POST['pass']);
$query = "SELECT * FROM `tbl_admin` WHERE email ='$email' and password = '$password'";
$result =mysqli_query($con,$query);
$count =mysqli_num_rows($result);
if($count>0){
$data = mysqli_fetch_assoc($result);
$db_name =$data['name'];
session_start();
$_SESSION['aname']=$db_name;
$_SESSION['aemail']=$email;
    echo "ok";
}else{
    echo 'Invalid Login Id';
}
?>

mail :

<?php

include('../../vender/functions.inc.php');
include('../../config/connection.php');
session_start();
$db_name=$_SESSION['mem_name'];
$db_email=$_SESSION['mem_email'];
if(isset($_POST['massage']) && isset($db_name) && isset($db_email)){
$name =$db_name;
$email =$db_email;
$msg =get_safe_value($con,$_POST['massage']);
$added_on=
    $insertquery =  "INSERT INTO  tecl_mem_contact_us(name,email,msg) VALUES ('$name','$email','$msg')";
$res = mysqli_query($con,$insertquery);
if ($res) {
           
 $html="$msg<b> - <u><i>$name 💕</i></u></b><br/>-$email";
include('../../vender/smtp/PHPMailerAutoload.php');
function smtp_mailer($to,$subject, $msg){
    $mail = new PHPMailer(); 
    // $mail->SMTPDebug  = 3;
  //  $mail->IsSMTP(); 
    $mail->SMTPAuth = true; 
    $mail->SMTPSecure = 'tls'; 
    $mail->Host = "smtp.gmail.com";
    $mail->Port = 587; 
    $mail->IsHTML(true);
    $mail->CharSet = 'UTF-8';
    $mail->Username = "teclwork@gmail.com";
    $mail->Password = "1149201Dd@";
    $mail->SetFrom("teclwork@gmail.com");
    $mail->Subject = $subject;
    $mail->Body =$msg;
    $mail->AddAddress($to);
    $mail->SMTPOptions=array('ssl'=>array(
        'verify_peer'=>false,
        'verify_peer_name'=>false,
        'allow_self_signed'=>false
    ));
    if($mail->Send()){
       
       echo "1";
           
    }else{
         echo $mail->ErrorInfo;
    }
}
echo smtp_mailer("teclwork@gmail.com", "Member - $db_name Contact With TECL",$html);

}else{
  echo "0";
}

}
?>

How to create a Beautifull Preloder for website - Codehubdeep

noreply@blogger.com (Deepak Kumar Bind) — Sun, 23 Apr 2023 00:03:00 +0000

In this artical i will provide html and css code for a website . in this preloader i'm design a cube effect to load aur website :

HTML CODE :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CodeHubDeep</title>
<style>
body{
height: 80vh;
align-items: center;
justify-content: center;
display: flex;
}
.loader{
width: 50px;
height: 50px;
margin: 50px auto 0;
transform: rotatex(30deg) rotatey(45deg);
transform-style: preserve-3d;
position: relative;
animation: cube-spin 1.5s infinite ease-in-out alternate;
}
.loader .side{
transform-style: preserve-3d;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.loader .side:before{
content: "";
background: #43d300;
opacity: 0.5;
transform: translatez(1.7em);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
animation: cube-explode 1.5s infinite ease-in-out;
}
.side:nth-child(1){ transform: rotatey(90deg); }
.side:nth-child(2){ transform: rotatey(180deg); }
.side:nth-child(3){ transform: rotatey(270deg); }
.side:nth-child(4){ transform: rotatey(360deg); }
.side:nth-child(5){ transform: rotatex(90deg); }
.side:nth-child(6){ transform: rotatex(270deg); }
@keyframes cube-spin{
0% { transform: rotatex(30deg) rotatey(45deg); }
100% { transform: rotatex(30deg) rotatey(405deg);}
}
@keyframes cube-explode{
0% { transform: translatez(1.7em); }
50% { transform: translatez(3em); }
100% { transform: translatez(1.7em); }
}
</style>
</head>
<body>
<div class="loader">
<div class="side"></div>
<div class="side"></div>
<div class="side"></div>
<div class="side"></div>
<div class="side"></div>
<div class="side"></div>
</div>
</body>
</html>

How to create fancy Text Effect Style using HTML and CSS Only - CodehubDeep

noreply@blogger.com (Deepak Kumar Bind) — Fri, 21 Apr 2023 00:26:00 +0000

Hello Friends, In this Blog we share knowledege How to create fancy Text Effect Style using HTML and CSS Only

CODE :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CodeHubDeep</title>
<style>
body{
align-items: center;
justify-content: center;
display: flex;
height: 100vh;
}
.text-effect{
color: #fffafa;
font-family: 'Permanent Marker', cursive;
font-size: 100px;
font-weight: 400;
text-align: center;
}
.text-effect span{
display: inline-block;
animation: glow 2s ease-in-out both infinite;
}
.text-effect span:nth-child(1) { animation-delay: -0.2857142857s; }
.text-effect span:nth-child(2) { animation-delay: -0.5714285714s; }
.text-effect span:nth-child(3) { animation-delay: -0.8571428571s; }
.text-effect span:nth-child(4) { animation-delay: -1.1428571429s; }
.text-effect span:nth-child(5) { animation-delay: -1.4285714286s; }
.text-effect span:nth-child(6) { animation-delay: -1.7142857143s; }
.text-effect span:nth-child(7) { animation-delay: -2.2857142857s; }
.text-effect span:nth-child(8) { animation-delay: -2.5714285714s; }
.text-effect span:nth-child(9) { animation-delay: -2.8571428571s;}
.text-effect span:nth-child(10) { animation-delay: -3s; }
@keyframes glow{
0%, 100% { text-shadow: 0 0 8.3333333333px #fffafa, 0 -25px 50px tomato, -25px 25px 50px yellow, 25px 25px 50px tomato; }
33% { text-shadow: 0 0 8.3333333333px #fffafa, 0 -25px 50px cyan, -25px 25px 50px tomato, 25px 25px 50px cyan; }
66% { text-shadow: 0 0 8.3333333333px #fffafa, 0 -25px 50px yellow, -25px 25px 50px cyan, 25px 25px 50px yellow; }
}
@media only screen and (max-width: 990px){
.text-effect{ font-size: 70px; }
}
@media only screen and (max-width: 767px){
.text-effect{ font-size: 60px; }
}
@media only screen and (max-width: 576px){
.text-effect{ font-size: 35px; }
}
</style>
</head>
<body>
<div class="text-effect">
<span>C</span><span>O</span><span>D</span><span>E</span>
<span>H</span><span>UB</span><span>D</span><span>E</span><span>E</span><span>P</span>
</div>
</body>
</html>

How to search Anything in website using url in blogger website

noreply@blogger.com (Deepak Kumar Bind) — Mon, 17 Apr 2023 22:40:00 +0000

Hello Friends, In this Blog we share knowledege How to search Anything in website using url in blogger website

in this method we are type like this :

main_domain/search?q=dosti/search?q=love

Example my domain is : https://shayarikhajana365.blogspot.com and we are search in website related love keyword Post.

to type are hit like this :

https://shayarikhajana365.blogspot.com/search?q=love

How to Design website linear Preloder Using Html css - CodehubDeep

noreply@blogger.com (Deepak Kumar Bind) — Tue, 28 Mar 2023 00:57:00 +0000

How to Design website linear Preloder Using Html css - CodehubDeep

in this blog post im share code with you a beautifull website linear Preloder using html and css

HTML :

<div class="loader">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

CSS :

.loader{
background-color: #fff;
width: 270px;
margin: 50px auto 0;
padding: 17px 15px 15px;
border-radius: 15px;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.loader ul{
padding: 0;
margin: 0;
list-style: none;
}
.loader ul li{
background: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-block;
animation: grow 1.6s ease-in-out infinite;
}
.loader ul li:nth-child(1){
background: #ffff00;
box-shadow: 0 0 40px #ffff00;
animation-delay: -1.4s;
}
.loader ul li:nth-child(2){
background: #76ff03;
box-shadow: 0 0 40px #76ff03;
animation-delay: -1.2s;
}
.loader ul li:nth-child(3){
background: #f06292;
box-shadow: 0 0 40px #f06292;
animation-delay: -1s;
}
.loader ul li:nth-child(4){
background: #4fc3f7;
box-shadow: 0 0 40px #4fc3f7;
animation-delay: -0.8s;
}
.loader ul li:nth-child(5){
background: #ba68c8;
box-shadow: 0 0 40px #ba68c8;
animation-delay: -0.6s;
}
.loader ul li:nth-child(6){
background: #f57300;
box-shadow: 0 0 40px #f57300;
animation-delay: -0.4s;
}
.loader ul li:nth-child(7){
background: #673ab7;
box-shadow: 0 0 40px #673ab7;
animation-delay: -0.2s;
}
@keyframes grow{
0%,
40%,
100%{ transform: scale(0.2); }
20%{ transform: scale(1); }
}

How to Create Fancy Counter Design Using Html css - CodehubDeep

noreply@blogger.com (Deepak Kumar Bind) — Sun, 26 Mar 2023 11:57:00 +0000

How to Create Fancy Counter Design Using Html css - CodehubDeep

In this blogpost i'm design a Fancy Counter Design Using Html css

HTML :

<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="counter">
<div class="counter-icon">
<span><i class="fa fa-briefcase"></i></span>
</div>
<span class="counter-value">1963</span>
<h3>Web Designing</h3>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="counter purple">
<div class="counter-icon">
<span><i class="fa fa-globe"></i></span>
</div>
<span class="counter-value">1854</span>
<h3>Web Development</h3>
</div>
</div>
</div>
</div>

CSS :

:root{ --main-color: #0199C0; }
.counter{
color: var(--main-color);
background: var(--main-color);
font-family: 'Oswald', sans-serif;
text-align: center;
width: 200px;
padding: 25px 20px 30px 10px;
margin: 0 auto;
border-radius: 20px;
border: 5px solid #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
overflow: hidden;
position: relative;
z-index: 1;
}
.counter:before{
content:"";
background: linear-gradient(to right,#fff,#eee,#ddd);
position: absolute;
left: -2px;
right: 0;
top: 0;
bottom: -2px;
z-index: -1;
clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 50%, 90% 0);
}
.counter .counter-icon{
font-size: 30px;
line-height: 30px;
margin: 0 0 20px;
}
.counter .counter-value{
font-size: 35px;
font-weight: 600;
line-height: 35px;
margin: 0 0 10px;
display: block;
}
.counter h3{
color: #333;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 600;
font-style: italic;
letter-spacing: 0.5px;
text-transform: capitalize;
margin: 0;
}
.counter.purple{ --main-color: #870079; }
.counter.yellow{ --main-color: #F48B00; }
.counter.blue{ --main-color: #433350; }
@media screen and (max-width:990px){
.counter{ margin-bottom: 40px; }

JAVASCRIPT :

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

$(document).ready(function(){
$('.counter-value').each(function(){
$(this).prop('Counter',0).animate({
Counter: $(this).text()
},{
duration: 3500,
easing: 'swing',
step: function (now){
$(this).text(Math.ceil(now));
}
});
});
});

How to Create Fancy Timeline Design Using Html css - CodehubDeep

noreply@blogger.com (Deepak Kumar Bind) — Sun, 26 Mar 2023 11:52:00 +0000

How to Create Fancy Timeline Design Using Html css

In this blogpost i'm design a Fancy Timeline Design Using Html css.

HTML :

<div class="container">
<div class="row">
<div class="col-md-12">
<div class="main-timeline">
<div class="timeline">
<a href="#" class="timeline-content">
<div class="timeline-count">01</div>
<div class="timeline-icon"><i class="fa fa-globe"></i></div>
<h3 class="title">Web Designing</h3>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer males uada tellus lorem, et condimentum neque commodo Integer males uada tellus lorem, et condimentum neque commodo
</p>
</a>
</div>
<div class="timeline">
<a href="#" class="timeline-content">
<div class="timeline-count">02</div>
<div class="timeline-icon"><i class="fa fa-rocket"></i></div>
<h3 class="title">Web Development</h3>
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer males uada tellus lorem, et condimentum neque commodo Integer males uada tellus lorem, et condimentum neque commodo
</p>
</a>
</div>
</div>
</div>
</div>
</div>

CSS :

:root {
--color1: #FF9509;
--color2: #ffaf36;
}

.demo {
background-color: #eee;
}

.main-timeline {
font-family: 'Poppins', sans-serif;
}

.main-timeline:after {
content: '';
display: block;
clear: both;
}

.main-timeline .timeline {
width: calc(50% + 40px);
padding: 20px 0 0;
float: left;
}

.main-timeline .timeline-content {
background: linear-gradient(to right, var(--color1), var(--color2));
text-align: center;
padding: 0 85px 35px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
border-radius: 50px;
display: block;
position: relative;
z-index: 1;
}

.main-timeline .timeline-content:hover {
text-decoration: none;
}

.main-timeline .timeline-content:before {
content: '';
background-color: #fff;
border-radius: 50px;
box-shadow: 0 0 20px -3px rgba(0, 0, 0, 0.4);
position: absolute;
left: 70px;
top: -20px;
bottom: 20px;
right: 70px;
z-index: -1;
}

.main-timeline .timeline-count {
color: #fff;
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
transform: translateY(-50%);
position: absolute;
top: 50%;
left: 15px;
}

.main-timeline .timeline-icon {
color: #fff;
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 20px;
}

.main-timeline .title {
color: var(--color1);
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
text-transform: capitalize;
margin: 0 0 10px 0;
}

.main-timeline .description {
color: #555;
font-size: 13px;
letter-spacing: 1px;
margin: 0;
}

.main-timeline .timeline:nth-child(even) {
float: right;
margin: 0 0 0 10px;
}

.main-timeline .timeline:nth-child(even) .timeline-count {
left: auto;
right: 15px;
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
right: auto;
left: 20px;
}

.main-timeline .timeline:nth-child(2) {
--color1: #FF4603;
--color2: #FF8000;
}

.main-timeline .timeline:nth-child(3) {
--color1: #E6094E;
--color2: #FF5792;
}

.main-timeline .timeline:nth-child(4) {
--color1: #0BB0F2;
--color2: #5CD8FA;
}

@media screen and (max-width:767px) {

.main-timeline .timeline,
.main-timeline .timeline:nth-child(even) {
width: 100%;
margin: 0 0 30px;
}
}

@media screen and (max-width:576px) {

.main-timeline .timeline,
.main-timeline .timeline:nth-child(even) {
padding: 0 15px;
}

.main-timeline .timeline-content {
padding: 75px 15px;
}

.main-timeline .timeline-content:before {
top: 60px;
bottom: 60px;
left: -15px;
right: -15px;
}

.main-timeline .timeline-icon,
.main-timeline .timeline:nth-child(even) .timeline-icon {
transform: translateX(-50%) translateY(0);
top: auto;
bottom: 4px;
left: 50%;
right: auto;
}

.main-timeline .timeline-count,
.main-timeline .timeline:nth-child(even) .timeline-count {
transform: translateX(-50%) translateY(0);
top: auto;
top: 6px;
left: 50%;
right: auto;
}
}