Git Product home page Git Product logo

samayun / ecommerce-laravel-vue Goto Github PK

View Code? Open in Web Editor NEW
31.0 1.0 23.0 16.23 MB

Building an Single Vendor eCommerce application by using Laravel 8 & Vue 2

License: MIT License

Shell 0.07% PHP 21.37% Vue 64.07% Blade 13.84% HTML 0.64%
ecommerce laravel vue ecommerce-laravel-vue laravel-vuejs vuejs fullstack-ecommerce laravel-vue-ecommerce laravel-vue-spa single-page-application-with-vue

ecommerce-laravel-vue's Introduction

E Penguin Shop

Issues Forks Stars License

❀️ Application Name: E Penguin Shop </>

Single Vendor Ecommerce web application

Admin Home Page

(Image: Admin Dashboard Dark Theme )

Admin

(Image: Admin Dashboard (Light Theme))

Home Page

(Image: Home Page

πŸ€— Requirements

    *  PHP >= 7.3
    *  MySQL
    *  Apache
    *  Laravel >= 8.0
    *  Composer

πŸ‘ Installation:

    composer install

    npm install

    cp .env.example .env

    # Database Connection on .env

    php artisan cache:clear

    php artisan key:generate

    # First Time
    php artisan migrate:fresh --seed

    # After first time migration
    php artisan migrate

    php artisan db:seed

    mkdir public/storage && cp .storage/** public/storage -r

    php artisan storage:link

    # Run Backend Server by Terminal
    php artisan serve

    # Run Frontend Server by Terminal
    npm run watch-poll
Packages Install Command
"laravel/ui": "^3.0" composer require laravel/ui --dev
"silviolleite/laravelpwa": "^2.0" composer require silviolleite/laravelpwa

βœ‹ Features

  • ;) Backend

    • Caching
    • Authentication : ( Multi Guard ) Session based Authentication
    • Repository Pattern
    • Packages & Stub
    • Model Observer ( used for cache deleting)
    • Authorization: Gate, Policies
    • Requests, Validation , Refactoring & File Upload
    • Scope Filter in Model
    • ORM for MySQL ( Elequent ORM )

  • :* Frontend:

    • Frontend Framework : Vue Js
    • Library : IViewUi, Vue-owl-carousel,VueX,Vue-router,lodash,jQuery,axios
    • Admin LTE 3 in Admin Panel & Molla Ecommerce Template in Frontend
    • Dynamic/ Auto Import Modules (Store, Routes) in frontend
    • Localization : Mutliple Languege (Bangla πŸ‡§πŸ‡© + English πŸ‡ΊπŸ‡Έ implemented) by vue-i18n
    • Light/Dark Theme & Grid/List Layout
    • Code Spliting , Lazy Loading , Less Ajax request
Node Packages Install Command Why Use It
"@fortawesome/fontawesome-free": "^5.15.1", npm install @fortawesome/fontawesome-free
"admin-lte": "^3.0.5" npm install admin-lte Open Source Dashboard
"moment": "^2.29.1" npm install admin-lte
"view-design": "^4.4.0-rc.4"," npm install view-design UI Widget Component Library
"vue-i18n": "^8.22.1"," npm install vue-i18n Localization
"vform": "^1.0.1"," npm install v-form Form Validation
"vuex": "^3.5.1" npm install vuex State Management
"vue-router": "^3.4.6", npm install vue-router Routing
"vuex-extensions": "^1.1.5", npm install vue-extensions RESET State & Mixins in Vuex (Tiny package)
"vue-owl-carousel": "^2.0.3", npm install vue-owl-carousel Owl Carousel
"vuex-persistedstate": "^4.0.0-beta.1" npm install vue-router Routing
"vue-magnifier": "^1.0.6", npm install vue-magnifier Zoom Image
"vue-awesome-notifications": "^3.1.1", npm install vue-awesome-notifications
"@zeitiger/elevatezoom": "^2.5.4", npm install @zeitiger/elevatezoom

πŸˆ‚οΈ Roles:

Role URL Email Password
Admin /admin/login [email protected] 123456
Customer / User `/login` [email protected] 123456

❀️ Happy Coding πŸ‘ πŸš€ twitter

ecommerce-laravel-vue's People

Contributors

samayun avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

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.