Skip to content

Latest commit

 

History

History
86 lines (67 loc) · 1.77 KB

README.md

File metadata and controls

86 lines (67 loc) · 1.77 KB

Laravel Vue Blog

This is a single page minimalistic medium.com clone. It is uses laravel on the backend to serve the api and vuejs to serve views and vuex for state management.

Project Setup

  1. clone the project.

  2. copy the content of .env.example to .env and update the values

  3. copy the content of .env.testing.example to .env.testing and update the values

  4. run composer install

  5. run npm install

  6. Run php artisan migrate

  7. This project uses the basic web forms for authenticaton and also has the option of authenticating using google and facebook. To use social logins add below to your .env file

    For facebook
    FACEBOOK_ID = 
    FACEBOOK_SECRET = 
    FACEBOOK_URL = /auth/facebook/callback
    
    For Google
    GOOGLE_ID = 
    GOOGLE_SECRET = 
    GOOGLE_URL = /auth/google/callback
    

    Go to resources->js->plugins->vue-authentication.js and update the facebook and google client ids

  8. This project uses Laravel Passport to generate access tokens. Run command below to install passport

    php artisan passport:install
    
  9. Seed the database

    php artisan db:seed
    
  10. Serving the app

    php artisan serve
    
  11. To transpile the frontend js files use below command

    npm run dev
    

    or

    npm run watch
    

Testing Api

The backend has almost 100% coverage. Use command below to run test

For coverage use

phpunit --coverage-html coverage

For non coverage

phpunit

Testing Frontend

Use command below to run test

npm run test:unit

End to end test

This project uses cypress for the end to end test To run end to end test run command below.

npm run e2e:open