• Stars
    star
    135
  • Rank 269,297 (Top 6 %)
  • Language
    PHP
  • Created over 6 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

How to create an e-commerce application using Laravel and Vue

Building an E-commerce platform with Laravel and Vue

This is a demo application showing how to build an e-commerce platform using Laravel and Vue. You can read about how it was created on Pusher's blog.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

What things you need to install the software.

  • Git.
  • PHP.
  • Composer.
  • Laravel CLI.
  • A webserver like Nginx or Apache.
  • A Node Package Manager ( npm or yarn ).

Install

Clone the git repository on your computer

$ git clone https://github.com/neoighodaro-articles/e-commerce-laravel-vue.git

You can also download the entire repository as a zip file and unpack in on your computer if you do not have git

After cloning the application, you need to install it's dependencies.

$ cd e-commerce-laravel-vue
$ composer install

Setup

  • When you are done with installation, copy the .env.example file to .env

    $ cp .env.example .env

  • Generate the application key

    $ php artisan key:generate

  • Add your database credentials to the necessary env fields

  • Migrate the application

    $ php artisan migrate

  • Install laravel passport

    $ php artisan passport:install

  • Seed Database

    $ php artisan db:seed

  • Install node modules

    $ npm install

Run the application

$ php artisan serve

Built With

  • Laravel - The PHP framework for building the API endpoints needed for the application
  • Vue - The Progressive JavaScript Framework for building interactive interfaces

Acknowledgments

  • Laravel - The excellent documentation explaining how to get started with Laravel and Laravel Passport made it easy to provide a step by step guide for beginners to follow the application
  • Vue - Concise documentation