Image Uppload Step by Step in laravel 10

Step 1 : create migration

Step 2 : create Model

Step 3 : create controller
Step 4 : create routes

Step 5 : create blade files

Create.blade.php
<div class="container mt-5">
<div class="row">
<div class="col-md-12">

@if (session('status'))
<div class="alert alert-
success">{{session('status')}}</div>
@endif

<div class="card">
<div class="card-header">
<h4>Add Categories
<a href="{{ url('categories') }}" class="btn
btn-primary float-end">Back</a>
</h4>
</div>
<div class="card-body">
<form action="{{ url('categories/create') }}"
method="POST" enctype="multipart/form-data">
@csrf

<div class="mb-3">
<label>Name</label>
<input type="text" name="name"
class="form-control" value="{{ old('name') }}" />
@error('name') <span class="text-
danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3">
<label>Description</label>
<textarea name="description"
class="form-control" rows="3">{{ old('description') }}</textarea>
@error('description') <span class="text-
danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3">
<label>Is Active</label>
<input type="checkbox" name="is_active"
{{ old('is_active') == true ? checked:'' }} />
@error('is_active') <span class="text-
danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3">
<label>Upload File/Image</label>
<input type="file" name="image"
class="form-control" />
</div>
<div class="mb-3">
 <button type="submit" class="btn btn-
primary">Save</button>
</div>

</form>
</div>
</div>
</div>
</div>
</div>

Edit.blade.php

<div class="container mt-5">

<div class="row">
<div class="col-md-12">

@if (session('status'))
<div class="alert alert-
success">{{session('status')}}</div>
@endif

<div class="card">
<div class="card-header">
<h4>Edit Categories
<a href="{{ url('categories') }}" class="btn
btn-primary float-end">Back</a>
</h4>
</div>
<div class="card-body">
<form action="{{ url('categories/'.$category-
>id.'/edit') }}" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')

<div class="mb-3">
<label>Name</label>
<input type="text" name="name"
class="form-control" value="{{ $category->name }}" />
@error('name') <span class="text-
danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3">
<label>Description</label>
<textarea name="description"
class="form-control" rows="3">{{ $category->description
}}</textarea>
 @error('description') <span class="text-
danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3">
<label>Is Active</label>
<input type="checkbox" name="is_active"
{{ $category->is_active == true ? 'checked':'' }} />
@error('is_active') <span class="text-
danger">{{ $message }}</span> @enderror
</div>
<div class="mb-3">
<label>Upload File/Image</label>
<input type="file" name="image"
class="form-control" />
</div>
<div class="mb-3">
<button type="submit" class="btn btn-
primary">Update</button>
</div>

</form>
</div>
</div>
</div>
</div>
</div>

Index.blade.php

<div class="container mt-5">

<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h4>Categories
<a href="{{ url('categories/create') }}"
class="btn btn-primary float-end">Add Category</a>
</h4>
</div>
<div class="card-body">

<table class="table table-bordered table-

striped">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
 <th>Description</th>
<th>Image</th>
<th>Is Active</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach ($categories as $item)
<tr>
<td>{{$item->id}}</td>
<td>{{$item->name}}</td>
<td>{{$item->description}}</td>
<td>
<img src="{{ asset($item->image)
}}" style="width: 70px; height:70px;" alt="Img" />
</td>
<td>
@if ($item->is_active)
Active
@else
In-Active
@endif
</td>
<td>
<a href="{{
url('categories/'.$item->id.'/edit') }}" class="btn btn-success mx-
2">Edit</a>

<a
href="{{
url('categories/'.$item->id.'/delete') }}"
class="btn btn-danger mx-1"
onclick="return confirm('Are
you sure ?')"
>
Delete
</a>
</td>
</tr>
@endforeach
</tbody>
</table>

</div>
</div>
</div>
</div>
</div>