diff --git a/app/Http/Controllers/Admin/CarouselController.php b/app/Http/Controllers/Admin/CarouselController.php
new file mode 100644
index 00000000..27c1307b
--- /dev/null
+++ b/app/Http/Controllers/Admin/CarouselController.php
@@ -0,0 +1,114 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Models\Carousel;
+use Illuminate\Http\Request;
+use RealRashid\SweetAlert\Facades\Alert;
+use Illuminate\Support\Str;
+use Illuminate\Support\Facades\File;
+
+class CarouselController extends Controller
+{
+    public function index()
+    {
+        $carousels = Carousel::latest()->paginate(15);
+        return view('admin.carousel.index', compact('carousels'));
+    }
+
+    public function create()
+    {
+        return view('admin.carousel.create');
+    }
+
+    public function store(Request $request)
+    {
+        $request->validate([
+            'caption' => 'required|min:3',
+            'file' => 'required|image|max:5000'
+        ]);
+
+        if ($this->saveCarousel($request)) {
+            Alert::toast('Carousel created!', 'success');
+        } else {
+            Alert::toast('Something went wrong!');
+        }
+        return redirect(route('carousel.index'));
+    }
+
+    public function edit(Carousel $carousel)
+    {
+        return view('admin.carousel.edit', compact('carousel'));
+    }
+
+    public function update(Request $request, Carousel $carousel)
+    {
+        $request->validate([
+            'caption' => 'required|min:3',
+            'file' => 'sometimes|image|max:5000'
+        ]);
+
+        if ($this->updateCarousel($request, $carousel)) {
+            Alert::toast('Carousel Updated!', 'success');
+        } else {
+            Alert::toast('Something went wrong!');
+        }
+        return redirect(route('carousel.index'));
+    }
+
+
+    public function destroy(Carousel $carousel)
+    {
+        File::delete(public_path($carousel->img));
+        $carousel->delete();
+
+        Alert::toast('Carousel deleted!', 'success');
+        return redirect(route('carousel.index'));
+    }
+
+    private function updateCarousel($request, $carousel)
+    {
+        if ($request->hasFile('file')) {
+            $basename = Str::random();
+            $original = $basename . '.' . $request->file->getClientOriginalExtension();
+
+
+            //delete old image
+            File::delete([
+                public_path($carousel->img),
+            ]);
+
+            if (
+                $carousel->update([
+                'caption' => $request->caption,
+                'img' => '/images/banner/' . $original,
+                ])
+            ) {
+                $request->file->move(public_path('/images/banner'), $original);
+                return true;
+            }
+        } else {
+            $carousel->caption = $request->caption;
+            $carousel->save();
+            return true;
+        }
+    }
+
+    private function saveCarousel($request)
+    {
+        //setting file upload
+        $basename = Str::random();
+        $original = $basename . '.' . $request->file->getClientOriginalExtension();
+
+        if (
+            Carousel::create([
+            'caption' => $request->caption,
+            'img' => '/images/banner/' . $original,
+            ])
+        ) {
+            $request->file->move(public_path('/images/banner'), $original);
+            return true;
+        }
+    }
+}
diff --git a/app/Http/Controllers/User/Shop.php b/app/Http/Controllers/User/Shop.php
index 4f1c476b..f28ebfdf 100644
--- a/app/Http/Controllers/User/Shop.php
+++ b/app/Http/Controllers/User/Shop.php
@@ -3,6 +3,8 @@
 namespace App\Http\Controllers\User;
 
 use App\Http\Controllers\Controller;
+use App\Models\Carousel;
+use App\Models\FlashSale;
 use App\Models\Product;
 use Illuminate\Contracts\View\View;
 use Illuminate\Support\Facades\View as ViewFactory;
@@ -12,8 +14,13 @@
  */
 class Shop extends Controller
 {
-    public function __invoke(Product $product): View
+    public function __invoke(Carousel $carousel, Product $product): View
     {
+        $carousels = $carousel->newQuery()
+            ->latest()
+            ->take(3)
+            ->get();
+
         $randomProducts = $product->newQuery()
             ->inRandomOrder()
             ->with('productImage')
@@ -21,6 +28,7 @@ public function __invoke(Product $product): View
             ->get();
 
         return ViewFactory::make('shop.index')->with([
+            'carousels' => $carousels,
             'newProducts' => $randomProducts,
         ]);
     }
diff --git a/app/Models/Carousel.php b/app/Models/Carousel.php
new file mode 100644
index 00000000..e5b5f2be
--- /dev/null
+++ b/app/Models/Carousel.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Models;
+
+use Carbon\Carbon;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+/**
+ * @property int id
+ * @property string img
+ * @property string caption
+ * @property Carbon created_at
+ * @property Carbon updated_at
+ */
+class Carousel extends Model
+{
+    use HasFactory;
+
+    protected $fillable = ['caption', 'img'];
+}
diff --git a/database/migrations/2020_11_09_233125_create_carousels_table.php b/database/migrations/2020_11_09_233125_create_carousels_table.php
new file mode 100644
index 00000000..2e991ab4
--- /dev/null
+++ b/database/migrations/2020_11_09_233125_create_carousels_table.php
@@ -0,0 +1,33 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateCarouselsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('carousels', function (Blueprint $table) {
+            $table->id();
+            $table->string('img');
+            $table->string('caption');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('carousels');
+    }
+}
diff --git a/database/seeders/CarouselSeeder.php b/database/seeders/CarouselSeeder.php
new file mode 100644
index 00000000..bec06b2e
--- /dev/null
+++ b/database/seeders/CarouselSeeder.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Seeder;
+use App\Models\Carousel;
+
+class CarouselSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        $carousels = [
+            [
+                'caption' => 'This is Caption1',
+                'img' => '/images/banner/1.webp'
+            ],
+            [
+                'caption' => 'This is Caption2',
+                'img' => '/images/banner/2.webp'
+            ],
+            [
+                'caption' => 'This is Caption3',
+                'img' => '/images/banner/3.webp'
+            ]
+        ];
+
+        foreach ($carousels as $item) {
+            Carousel::create([
+                'caption' => $item['caption'],
+                'img' => $item['img']
+            ]);
+        }
+    }
+}
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 235535cd..13b78b7d 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -17,6 +17,7 @@ public function run()
             RoleSeeder::class,
             UserSeeder::class,
             CategorySeeder::class,
+            CarouselSeeder::class,
             ProductSeeder::class,
         ]);
     }
diff --git a/resources/views/admin/carousel/create.blade.php b/resources/views/admin/carousel/create.blade.php
new file mode 100644
index 00000000..a2fca9f8
--- /dev/null
+++ b/resources/views/admin/carousel/create.blade.php
@@ -0,0 +1,51 @@
+@extends('layouts.admin')
+
+@section('content')
+<div class="container-fluid">
+  
+  <div class="row mb-4">
+    <div class="col-sm-12 col-md-12">
+      <h1 class="h3 mb-0 text-gray-800">Creating a banner</h1>
+      <a href="{{route('admin.dashboard')}}" class="btn btn-primary btn-sm float-right">Go back</a>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-xl-12 col-md-12 mb-4">
+      <div class="card">
+        <div class="card-body">
+          @if($errors->any())
+              <div class="alert alert-danger">
+              {{ implode('', $errors->all(':message')) }}
+              </div>
+          @endif
+          <form action="{{route('carousel.store')}}" method="POST" enctype="multipart/form-data">
+            @csrf
+            <div class="form-group">
+              <label for="">Caption for this carousel image</label>
+              <input type="text" class="form-control @error('caption') is-invalid @enderror" name="caption" placeholder="Caption" >
+              @error('caption')
+                  <span class="invalid-feedback" role="alert">
+                      <strong>{{ $message }}</strong>
+                  </span>
+              @enderror
+            </div>
+
+            <div class="form-group">
+              <label for="exampleFormControlFile1">Example file input</label>
+              <input type="file" class="form-control-file" name="file" id="exampleFormControlFile1">
+              @error('file')
+                  <span class="invalid-feedback" role="alert">
+                      <strong>{{ $message }}</strong>
+                  </span>
+              @enderror
+            </div>
+
+            <button type="submit" class="btn btn-primary">Submit</button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/carousel/edit.blade.php b/resources/views/admin/carousel/edit.blade.php
new file mode 100644
index 00000000..d1241cd4
--- /dev/null
+++ b/resources/views/admin/carousel/edit.blade.php
@@ -0,0 +1,52 @@
+@extends('layouts.admin')
+
+@section('content')
+<div class="container-fluid">
+  
+  <div class="row mb-4">
+    <div class="col-sm-12 col-md-12">
+      <h1 class="h3 mb-0 text-gray-800">Updating a banner</h1>
+      <a href="{{route('admin.dashboard')}}" class="btn btn-primary btn-sm float-right">Go back</a>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-xl-12 col-md-12 mb-4">
+      <div class="card">
+        <div class="card-body">
+          @if($errors->any())
+              <div class="alert alert-danger">
+              {{ implode('', $errors->all(':message')) }}
+              </div>
+          @endif
+          <form action="{{route('carousel.update',['carousel'=>$carousel])}}" method="POST" enctype="multipart/form-data">
+            @csrf @method('PUT')
+            <div class="form-group">
+              <label for="">Caption for this carousel image</label>
+              <input type="text" class="form-control @error('caption') is-invalid @enderror" name="caption" value="{{$carousel->caption}}" placeholder="Caption" >
+              @error('caption')
+                  <span class="invalid-feedback" role="alert">
+                      <strong>{{ $message }}</strong>
+                  </span>
+              @enderror
+            </div>
+
+            <div class="form-group">
+              <img src="{{asset($carousel->img)}}" class="img-fluid mb-4" alt="carousel image">
+              <label for="exampleFormControlFile1">Example file input</label>
+              <input type="file" class="form-control-file" name="file" id="exampleFormControlFile1">
+              @error('file')
+                  <span class="invalid-feedback" role="alert">
+                      <strong>{{ $message }}</strong>
+                  </span>
+              @enderror
+            </div>
+
+            <button type="submit" class="btn btn-primary">Update</button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+@endsection
\ No newline at end of file
diff --git a/resources/views/admin/carousel/index.blade.php b/resources/views/admin/carousel/index.blade.php
new file mode 100644
index 00000000..716ef7a0
--- /dev/null
+++ b/resources/views/admin/carousel/index.blade.php
@@ -0,0 +1,61 @@
+@extends('layouts.admin')
+
+@section('content')
+<div class="container-fluid">
+  
+  <div class="row mb-4">
+    <div class="col-sm-12 col-md-6">
+      <h1 class="h3 mb-0 text-gray-800">Front page carousel/banner management</h1>
+      <a href="{{route('carousel.create')}}" class="btn btn-sm btn-primary my-4">Add a carousel</a>
+    </div>
+
+  </div>
+
+  <div class="row">
+    <div class="col-xl-12 col-md-12 mb-4">
+      <div class="row container">
+        <div class="table-responsive">
+          <table class="table table-shadow table-hover">
+            <thead>
+              <tr>
+                <th>#</th>
+                <th>Caption</th>
+                <th>Image</th>
+                <th>Created At</th>
+                <th>Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              @if($carousels->count())
+              @foreach($carousels as $carousel)
+              <tr>
+                <td>{{$carousel->id}}</td>
+                <td>{{$carousel->caption}}</td>
+                <td><img src="{{asset($carousel->img)}}" width="200px"></td>
+                <td>{{$carousel->created_at->diffForHumans()}}</td>
+                <td>
+                  <a href="{{route('carousel.edit',['carousel'=>$carousel])}}" class="btn btn-sm btn-block btn-primary">Edit</a>
+                  <form action="{{route('carousel.destroy',['carousel'=>$carousel->id])}}" id="deleteForm" method="POST">
+                    @csrf @method('delete')
+                    <button type="submit" class="btn btn-sm btn-danger btn-block">Delete</button>
+                  </form>
+                </td>
+              </tr>
+              @endforeach
+              @else
+              <td>No carousel found. Create one now</td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td></td>
+              @endif
+            </tbody>
+          </table>
+        </div>
+        
+      </div>
+    </div>
+  </div>
+</div>
+@endsection
diff --git a/resources/views/inc/admin/sidebar.blade.php b/resources/views/inc/admin/sidebar.blade.php
index d56c6186..cb73602b 100644
--- a/resources/views/inc/admin/sidebar.blade.php
+++ b/resources/views/inc/admin/sidebar.blade.php
@@ -82,6 +82,9 @@
         <a class="collapse-item" href="{{route('category.index')}}">
           <span>Manage Categories</span>
         </a>
+        <a class="collapse-item" href="{{route('carousel.index')}}">
+          <span>Manage Carousel</span>
+        </a>
       </div>
     </div>
   </li>
diff --git a/resources/views/shop/index.blade.php b/resources/views/shop/index.blade.php
index 72f08a6b..40156afb 100644
--- a/resources/views/shop/index.blade.php
+++ b/resources/views/shop/index.blade.php
@@ -3,6 +3,32 @@
 @section('page-title', 'Buy products online with great discount')
 
 @section('content')
+    {{-- carousel --}}
+    <div id="mainBanner" class="carousel slide main-banner" data-ride="carousel">
+        <ol class="carousel-indicators">
+            <li data-target="#mainBanner" data-slide-to="0" class="active"></li>
+            <li data-target="#mainBanner" data-slide-to="1"></li>
+            <li data-target="#mainBanner" data-slide-to="2"></li>
+        </ol>
+        <div class="carousel-inner">
+
+            @foreach($carousels as $index => $carousel)
+                <div class="carousel-item {{$index == 1 ? 'active' : ''}}">
+                    <img class="d-block w-100" src="{{asset($carousel->img)}}" alt="First slide">
+                </div>
+            @endforeach
+
+        </div>
+        <a class="carousel-control-prev" href="#mainBanner" role="button" data-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="sr-only">Previous</span>
+        </a>
+        <a class="carousel-control-next" href="#mainBanner" role="button" data-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="sr-only">Next</span>
+        </a>
+    </div>
+
     {{-- categories-section --}}
     <section class="categories-section container my-4 h-100">
         <h3>Categories</h3>
diff --git a/routes/admin.php b/routes/admin.php
index c1d82c32..9281bb65 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -2,6 +2,7 @@
 
 use App\Http\Controllers\Admin\AdminController;
 use App\Http\Controllers\Admin\AdminLoginController;
+use App\Http\Controllers\Admin\CarouselController;
 use App\Http\Controllers\Admin\CategoryController;
 use App\Http\Controllers\Admin\DeliveredController;
 use App\Http\Controllers\Admin\InvoiceController;
@@ -41,6 +42,8 @@
     Route::get('/user-management/get-all-users', [UserManagementController::class, 'getAllUsers'])
         ->name('userManagement.getAllUsers');
 
+    Route::resource('/carousel', CarouselController::class);
+
     Route::get('/category', [CategoryController::class, 'index'])
         ->name('category.index');
     Route::get('/category/create', [CategoryController::class, 'create'])
diff --git a/tests/Feature/Http/Controllers/CarouselControllerTest.php b/tests/Feature/Http/Controllers/CarouselControllerTest.php
new file mode 100644
index 00000000..c491ca0c
--- /dev/null
+++ b/tests/Feature/Http/Controllers/CarouselControllerTest.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace Tests\Feature\Http\Controllers;
+
+use PHPUnit\Framework\Attributes\Test;
+use Tests\TestCase;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Artisan;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+
+class CarouselControllerTest extends TestCase
+{
+    use RefreshDatabase;
+
+    #[Test]
+    public function loadCarouselManagementPage()
+    {
+        Artisan::call('db:seed');
+        Auth::loginUsingId(1); // admin according to seeder
+        $response = $this->get('/carousel');
+
+        $response->assertOk();
+    }
+
+    #[Test]
+    public function usersAreForbiddenToVisitCarouselPage()
+    {
+        Artisan::call('db:seed');
+        Auth::loginUsingId(2); //user according to the seeder
+
+        $response = $this->get('/carousel');
+        $response->assertForbidden();
+    }
+}