Laravel E-Commerce Application Development – Initial Project Setup

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.

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

Catalog List Page

Product Detail Page

Shopping Cart

Checkout

Register

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