π° + ( πΊπΈ / π¨π± ) = π
Welcome to Dollar Variance Watcher. DVW is a demo app made by Alejandro with β€οΈ.
The objective of this exercise is to develop a graph showing the daily variation of the dollar, relative to the Chilean peso, for every year since 1999. All data comes from an external API (mindicador.cl) that delivers the USD price for a specified time range.
This app was created through Create Nuxt App to speed up development and follow the Nuxt team's recommended practices.
DVW is automagically deployed thanks to Netlify. It's available here: https://variance.netlify.app.
- VueJS + NuxtJS
- State management: Vuex
- CSS Framework: TailwindCSS
- Charts: ChartJS
- Tests: Jest
- HTTP Requests: Axios
- Transpiled with Babel and linted with ESLint + Husky + Lint staged
- Deployed with Netlify to https://variance.netlify.app
- Illustrations by freepik and undraw.co
This app is automagically deployed on every push thanks to Netlify. You can access it directly by clicking here, or you can follow the regular NuxtJS instructions:
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn dev
# build for production and launch server
$ yarn build
$ yarn start
# generate static project
$ yarn generate
For detailed explanation on how things work, check out Nuxt.js docs.
- On mobile devices, viewing too large a range of years will crash the browser tab. This is most likely a performance issue with ChartJS - should be solved by rendering simpler charts or by reducing the amount of data points that are shown at once.
- GitHub CI workflows are not passing
build
step. There is an issue withnuxtjs/eslint-module
not being found, not sure why. Works just fine in Netlify and local environment. - In the
CurrencyService
test suite, the following testShould retrieve all values from a range
is not passing. I need to investigate how to mock the implementation or resolved value of an inner method (maybe a Spy? Stub?).