Giter VIP home page Giter VIP logo

laravel-vue-spa-ecommerce's Introduction

Laravel-Vue-SPA-Ecommerce:

SPA Laravel E-commerce project. E-commerce platform with REST Api, Multiple Auth (admin , editor , user) and admin panel integration.

Features:

  • Authentication and Authorization (Breeze Starter kit)
  • Multiple Authentication (Admin, Editors, Users)
  • Search (Name, Tag, SKU)
  • Reports
  • Chart report
  • Add dynamic product Attributes
  • Coupon
  • Shipping
  • payment gateway
  • Site settings
  • Mobile First Design

Dashboard

Run Locally:

Clone the project:

  git clone https://github.com/DevAmirul/Laravel-Vue-SPA-Ecommerce.git

Go to the project frontend directory:

  cd Laravel-Vue-SPA-Ecommerce/frontend

Install frontend dependencies:

  npm install

Run frontend:

  npm run dev

Go to the project backend directory:

First open new terminal.

  cd Laravel-Vue-SPA-Ecommerce/backend

Install dependencies:

  composer install
  npm install

Create .env file and copy .env.example to .env, create database name and add into .env database name.

Key Generate

  php artisan key:generate

Storage Link

  php artisan storage:link

Migrate database:

  php artisan migrate --seed

Run project:

  php artisan serve

Open another terminal for vite:

  cd Laravel-Vue-SPA-Ecommerce/backend
  npm run dev

Open: http://127.0.0.1:8000

If you work with order, add stripe key and mail config in .env

Screenshots

Admin Dashboard Orders Table Customers Orders Reports Orders Chart Settings

Tech Stack

Client: Vue.js, Pinia, Axios, Bootstrap, sweetalert2

Server: PHP8.2, Laravel10.x, Liveware, Bootstrap

Authors

laravel-vue-spa-ecommerce's People

Contributors

devamirul avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

laravel-vue-spa-ecommerce's Issues

Admin Details

Initial Admin user details are missing ! Is there a table i need to make a controller or edit a table in phpmyadmin.

Thank you for your time.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.