Laravel E-Commerce Application Development – Initial Project Setup

Laravel E-Commerce Application Development - Initial Project Setup

Laravel E-Commerce Application Development ( 27 Lessons )

In this course, you’ll learn how to create an E-Commerce Website from scratch in Laravel. The process has never been easier I’ll take you from the very beginning stages of setting up Laravel till the last steps of adding products to the cart. If you’ve good understanding & experience in PHP & MySQL then this course is for you.

see full series
  1. Laravel E-Commerce Application Development – Introduction
  2. Laravel E-Commerce Application Development – Initial Project Setup
  3. Laravel E-Commerce Application Development – Assets Setup Using Laravel Mix
  4. Laravel E-Commerce Application Development – Admin Model and Migration
  5. Laravel E-Commerce Application Development – Backend Admin Authentication
  6. Laravel E-Commerce Application Development – Base Controller and Repository
  7. Laravel E-Commerce Application Development – Settings Section Part 1
  8. Laravel E-Commerce Application Development – Settings Section Part 2
  9. Laravel E-Commerce Application Development – Categories Section Part 1
  10. Laravel E-Commerce Application Development – Categories Section Part 2
  11. Laravel E-Commerce Application Development – Attributes Section Part 1
  12. Laravel E-Commerce Application Development – Attributes Section Part 2
  13. Laravel E-Commerce Application Development – Attributes Section Part 3
  14. Laravel E-Commerce Application Development – Brands Section
  15. Laravel E-Commerce Application Development – Products Section Part 1
  16. Laravel E-Commerce Application Development – Products Section Part 2
  17. Laravel E-Commerce Application Development – Products Section Part 3
  18. Laravel E-Commerce Application Development – Products Section Part 4
  19. Laravel E-Commerce Application Development – Frontend Login & Registration
  20. Laravel E-Commerce Application Development – Categories Navigation
  21. Laravel E-Commerce Application Development – Catalog Listing
  22. Laravel E-Commerce Application Development – Product Details Page
  23. Laravel E-Commerce Application Development – Shopping Cart
  24. Laravel E-Commerce Application Development – Checkout
  25. Laravel E-Commerce Application Development – Payment Processing
  26. Laravel E-Commerce Application Development – Order Management
  27. Laravel E-Commerce Application Development – Wrap Up

This is the first part of Laravel E-Commerce Application Development tutorial series, in this part we will create a new Laravel application and set up a Git repository for our project.

I assume you already have a development environment setup, which means you have PHP, MySQL, Composer and Git installed on your machine. If you are using Mac you can use MAMP Server and if you are on Windows, then you can use Wamp Server, Xampp Server or Laragon.

If you are using the Laragon, then you can quickly create a Laravel application using Lragon Documentation.

Creating Laravel Application

If you have installed Laravel installer then you can run the laravel new ecommerce-application to create a new application.

I will be using Composer to create Laravel application by running the below command.

composer create-project --prefer-dist laravel/laravel ecommerce-application

When composer finish creating Laravel application, go to the ecommerce-application folder and run below
command in your command line terminal.

php artisan serve

Now if you load localhost:8000 in your browser, you will be presented with the Laravel’s welcome view.

Laravel Welcome Screen
Laravel Welcome Screen

Setting Up Github Repository

Now we will set up a new Github repository, for that login to your Github account and create a new repository called
laravel-ecommerce-application.

Now we need to initialize the git inside ecommerce-application folder, for that go to terminal and run
the below commands.

git init // initialize a new git repository
git add . // add all files to git
git commit -m "initial commit" // commit all files

Next, we need to add the remote origin of our Github repository, run below command:

git remote add origin https://github.com/LaraShout/laravel-ecommerce-application.git

Replace the Github repository link with your one.

Now push all files to Github.

git push -u origin master

At this stage, our project has been pushed to Github repository.

Frontend and Backend Templates

As I mentioned in my last post, we will be using the Vali Admin template for backend and Bootstrap Ecommerce UI Kit for frontend.

From ecommerce-application-templates repository you can find both html templates.

Bootstrap E-commerce UI Kit comes with a lot of different components, I have trimmed down the default templates and created what we will need for this series.

Here is the look of finalized templates:

Homepage

Home Page
Home Page

Catalog List Page

Catalog List Page
Catalog List Page

Product Detail Page

Product Detail Page
Product Detail Page

Shopping Cart

Cart
Cart

Checkout

Checkout
Checkout

Register

Register
Register

In the next part of this series, we will start integrating both frontend and backend templates into our Laravel application by creating layouts.

13 comments on “Laravel E-Commerce Application Development – Initial Project Setup

Leave a Reply

Your email address will not be published. Required fields are marked *

*

When sharing a code snippet please wrap you code with pre tag and add a class code-block to it like below.
<pre class="code-block">you code here</pre>

*
*

This site uses Akismet to reduce spam. Learn how your comment data is processed.