Coder Social home page Coder Social logo

moh-snoussi / laravel-vue-starter-boiler-plate-dashboard Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 4.5 MB

Laravel and Vuejs authentication and dashboard with REST Api

PHP 66.43% Vue 33.29% HTML 0.27%
laravel vuejs boilerplate starter-kit security api dashboard datatable echarts commented php javascript nodejs composer

laravel-vue-starter-boiler-plate-dashboard's Introduction

Laravel - Vuejs authentication and dashboard REST Api

Building

Screenshots

accessibility text

  • Social or email registration
  • Email verification
  • Login and authentication
  • Dashboard

This is a basic SPA with stateless authentication. user can register with email, google, facebook or github, then they get an email with card code, PIN and a confirmation button, as soon as they confirm we direct them to login site where they can login. if authenticated they land on a dashboard.

Requirements

  • Composer
  • Node
  • Database credentials and server configuration
  • Email credentials and server configuration (you can get for free from https://mailtrap.io)

Instalation

One Command Installation

  1. Open terminal and execute the following command:

    git clone -b one_command_and_auto_assistance https://github.com/Moh-Snoussi/Laravel-vue-starter-boiler-plate-dashboard && cd Laravel-vue-starter-boiler-plate-dashboard && composer install && php artisan automate

  2. Follow the instructions.

  3. To edit vue files and see the change on browser as soon as you save then open another terminal in the project directory and run:

    npm run watch -- --watch-poll

Or

Manual Installation

to install open terminal and execute the following commands:

  1. Clone or download this repository

    git clone https://github.com/Moh-Snoussi/Automated_Teller_Machine

  2. Navigate to the repository with your terminal

    cd Automated_Teller_Machine

  3. Install php dependencies

    composer install

  4. Install node dependencies

    npm install

  5. Rename .env.example from the root diretory to .env

    .Before:

    .env.example

    .After

    .env

  6. Modify the new .env

    .Enter your database credentials

    .Enter your email credentials and server settings (you can get for free from https://mailtrap.io)

    .Optional set up a client id and client secret for any provider you choose

    .Optional set the call and the callback url same as in .env

  7. Install laravel passport, back to your terminal and run:

    composer require laravel/passport

  8. Migrate to the data base

    php artisan migrate

  9. Generate passport keys

    php artisan passport:install

  10. Run server

    php artisan serve

  11. To edit the vue files and see the change on browser as soon as you save then in another terminal on the project directory run:

    npm run watch -- --watch-poll

laravel-vue-starter-boiler-plate-dashboard's People

Contributors

moh-snoussi avatar

Stargazers

 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.