Laravel E-Commerce Application Development – Introduction

Laravel E-Commerce Application Development – Introduction

In this E-commerce Application Development Laravel Tutorial series, we will be creating a complete e-commerce application using Laravel 5.8 with VueJS for frontend.

After completing this series you will be able to understand, how to construct a real-world application using Laravel?

E-commerce is the activity of buying or selling products on online services or over the Internet. An e-commerce store provides a listing of the products the seller wishes to sell, which leads to a product details page to show extra information about the product. Finally, a shopping cart where buyers can add the products to cart and proceed to the checkout for making payment.

With this in mind, to have a great e-commerce application we would need to develop the following:

  • A catalog page where all products will be displayed to buyers.
  • A product details page where buyers can find more information about the product.
  • A checkout system, where buyers can enter the shipping address and pay.
  • Login and registration pages so buyers can register or login to their account.
  • Account dashboard for customers where they can see recent orders placed, or can change their account details.
  • An admin area where shop owner can log in and manage followings:

    • Manage store settings.
    • Manage products, categories, brands, product attributes.
    • Manage sales orders and can generate reports.
    • Manage payment methods available to customers.
    • Manage Shipping methods available to customers.
    • Manage admin users so other staff members use the admin area.

Above are the rough requirements which, we will address in this Laravel tutorial series (There will be more features required, which we will handle along the way).

Prerequisites

To follow this Laravel tutorial series, you should have the following:

  • A beginner to mid-level exposure to Laravel Framework
  • Good experience of PHP
  • Basic knowledge of JavaScript and the VueJS Framework
  • Familiar with Bootstrap Framework (This series is focused on the Laravel, so I assume you will have good understanding of the frontend development)
  • Some experience of using Git
  • Have a development environment setup

Frontend Template

For this series, we will be using the Bootstrap E-commerce UI Kit, which comes with some basic templates.

This series will not be focused on the design and frontend stuff so we will use the barebone structure to complete this Laravel tutorial series.

Backend Template

For backend, we will be using Vali Admin template which is a Bootstrap 4 based template.

Templates Repository

In the next post, I will share a boilerplate project repository which will have the all HTML markup for both frontend and admin template with required structure.

Laravel Tutorial Series Roadmap

Here is the breakdown of this series and you should expect in the below order.

  1. Initial Project Setup
  2. Assets Setup Using Laravel Mix
  3. Admin Model and Migrations
  4. Backend Admin Authentication
  5. Base Controller and Repository
  6. Settings Section
  7. Categories Management
  8. Attributes Management
  9. Brands Management
  10. Product Management
  11. Frontend Login & Registration
  12. Categories Navigation
  13. Catalog Listing
  14. Product Detail Page
  15. Shopping Cart
  16. Checkout
  17. Processing Payments
  18. Orders Management
  19. Wrap Up

That’s all for now. From the next post of this series, we will start building the e-commerce application. I don’t have any demo for this project as I will be building this application along with you.

Your little help will keep this site alive and help us to produce quality content for you.