https://github.com/errec/payment-table-vue
Payment table using Vue.js
https://github.com/errec/payment-table-vue
Last synced: 4 months ago
JSON representation
Payment table using Vue.js
- Host: GitHub
- URL: https://github.com/errec/payment-table-vue
- Owner: Errec
- Created: 2018-12-16T14:42:43.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-25T13:24:35.000Z (over 7 years ago)
- Last Synced: 2026-01-25T11:10:12.658Z (6 months ago)
- Language: Vue
- Size: 1.37 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# payment-table-vue (brite-core-table, DuckTales themed)
Project's live version [HERE](https://uncle-scrooge-payroll.surge.sh)
## Libraries
Sweet Alert 2
Lodash
Moment.js
Vue Form Generator
## Framework
Vue.js
## State Manager
Vuex
## Database
Firebase
## Preprocessor
SASS
## CSS name convention
BEM
## Taskrunner
Webpack
### How long did you spend on the test? Would you do anything differently if you had more time?
About 20 working hours. !Know issues; the search filter keeps empty pages! If I had more time, my top priorities for this project would be: fix this issue: !The search filter keeps empty pages when the search is made after a pagination action!, more efficient way to access the DB(fetching data in chunks for each page), add register user, transition animations, improve router access, add logout method, improve error handle,add throttle-debounce in some cases, add favicon, compress imgs, fix the table sizes for a better navigation, improve the navegation with page select, add more comments. Most of these features are easey to achieve, but I need to move on to other projecs right now.
### In what ways would you adapt your component so that it could be used in many different scenarios where a data table is required?
Using functional programing and abstracting methods with general parameters
### What is your favorite CSS property? Why?
Display: flex. A "native" grid system that is highly supported nowadays, relatively easy to manage and learn
### What is your favorite modern Javascript feature? Why?
Fat arrows. Concise syntax for writing functions, bind external context(do not generate it's own 'this') can be very pratical
### What is your favorite third-party Vue.js library? Why?
Vuetify. Practical and fast way to get stylish and functional UIs
## Project setup
```
yarn install
```
### Compiles and hot-reloads for development
```
yarn run serve
```
### Compiles and minifies for production
```
yarn run build
```
### Run your tests
```
yarn run test
```
### Lints and fixes files
```
yarn run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).