frontend

Nashville Zone Lookup Frontend

Vue.js frontend for Code for Nashville's Nashville Zone Lookup app.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

Project Outline

For detailed explanation on how the project is structured, checkout the vue.js project template guide and the docs for vue-loader. This project also uses vue-router for minimal routing.

Styles

We use Bootstrap 4 via Bootsrap Vue.

SCSS can be used the <style> sections of components by setting <style lang="scss". Global variables are stored in src/style/.

Icons

This uses vue-fontawesome for a Vue wrapper around the venerable FontAwesome project. Most importantly, this enables importing individual icons rather than the entire font collection using its import faCoffee from '@fortawesome/fontawesome-free-solid/faCoffee' syntax.

Bug Tracking

Because it's nice and free for open source projects, we use BugSnag to track frontend errors. Contact one of the repository owners for access.