https://github.com/guastallaigor/vue-backoffice-example

Vue Backoffice Example is a Vue.js simple CRUD, with authentication login, and somewhat basic functionalities.
https://github.com/guastallaigor/vue-backoffice-example

crud crud-application crud-sample example hacktoberfest hacktoberfest2018 vuejs vuejs2 vuetify

Last synced: 2 months ago
JSON representation

Vue Backoffice Example is a Vue.js simple CRUD, with authentication login, and somewhat basic functionalities.

• Host: GitHub
• URL: https://github.com/guastallaigor/vue-backoffice-example
• Owner: guastallaigor
• License: mit
• Created: 2018-10-02T16:34:32.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-10-09T15:23:13.000Z (almost 7 years ago)
• Last Synced: 2025-03-21T10:15:01.711Z (7 months ago)
• Topics: crud, crud-application, crud-sample, example, hacktoberfest, hacktoberfest2018, vuejs, vuejs2, vuetify
• Language: Vue
• Homepage:
• Size: 378 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  

  
Vue Backoffice Example





  Vue Backoffice Example is a Vue.js simple CRUD, with authentication login, and somewhat basic functionalities.



[![Code Style](https://badgen.net/badge/code%20style/airbnb/ff5a5f?icon=airbnb)](https://github.com/airbnb/javascript)

[![Maintainability](https://api.codeclimate.com/v1/badges/f919839a11263434d011/maintainability)](https://codeclimate.com/github/guastallaigor/vue-backoffice-example/maintainability)

[![Cypress.io tests](https://img.shields.io/badge/cypress.io-tests-green.svg)](https://cypress.io)

> **Note:** This project is ment to be used with [Laravel Backoffice Example](https://github.com/guastallaigor/laravel-backoffice-example).

> It has all the functionalities that is used with this project.

## Features

* [Vuetify](https://vuetifyjs.com/)

* [Pug](https://pugjs.org/api/getting-started.html)

* [Sass](https://sass-lang.com/)

* Route modules

* CRUD examples

* Authentication

## Quick start

This is a Vue CLI 3.0 project, so just run `npm install` and `npm run serve`.

This is very simple. Just add every new module inside the app folder. Note that this is just an advice, this is not mandatory by any means.

Example for the "Route modules": For the Example module folder, it has the `ExampleRouter.js`. Note that without the "Router" sufix, the routing system would not work properly.

By default it runs on `localhost:8080`.

## Routes Information Table

Route | Description

--- | ---

/login |

/employee | List of all employees

/employee-new | Create a new employee

/employee-edit/:id | Edit a employee, by passing his id

/* | Goes to a not found page

## Demo

Want to see it running? You can check it out at https://vue-backoffice-example.herokuapp.com

## TODO

* [ ] Add E2E tests with Cypress.

* [ ] Add Unit tests.

* [ ] Add more functionalities.

* [ ] Add Vuex usage.

* [ ] Add Docker.

## License

MIT © [guastallaigor](https://github.com/guastallaigor)