Skip to content
Datatable built for my application to BriteCore
Vue JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
tests/unit
.browserslistrc
.editorconfig
.env.example
.eslintrc.js
.firebaserc
.gitignore
.prettierrc
Payments.csv
README.md
babel.config.js
description.json
firebase.json
jest.config.js
jsconfig.json
package-lock.json
package.json
postcss.config.js
quiz.js

README.md

BriteCore Engineering Application

Questions

How long did you spend on the test? Would you do anything differently if you had more time?

  • I spent around 40 hours over the course of 2 weeks on the project. If I had more time, I would add user authentication, the ability to delete reports/records, and better error handling.

In what ways would you adapt your component so that it could be used in many different scenarios where a data table is required?

  • The DataTable component I built can handle any CSV file as long as there are headers in the first row. It will dynamically pull the headers out and allow you to set the name, visibility, order, data type, and filtering of each column individually.
  • Given more time, I'd like to expand on the data types and column options like allowing specific column widths and add e-mail, number, and address types.

What is your favorite CSS property? Why?

  • My favorite CSS property is display flex and it's associated properties. It makes building responsive websites so much easier, especially when it's combined with SASS and SASS mixins.

What is your favorite modern Javascript feature? Why?

  • My favorite Javascript feature is the forEach loop. It allows me to easily loop through collections by name versus the older way of by index. This makes reading through code a lot easier in my opinion.

What is your favorite third-party Vue.js library? Why?

  • I don't have a favorite Vue.js library at this point because this was my first time using Vue. I think Vuetify would have made this task a lot simpler if I had decided to use it.

Project setup

1. Rename/copy .env.example to .env.dev
2. Plug in firestore config values
3. npm install
4. npm run serve

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Run your unit tests

npm run test:unit

Deploy to firebase

1. Create .env.prod
2. Populate with all required environment variables
3. Connect your app to firebase using the steps here: https://firebase.google.com/docs/hosting/
4. Deploy using "firebase deploy"
You can’t perform that action at this time.