Weather Dashboard

TL;DR

Type the command below on terminal to install the dependencies and run the project locally.

$ yarn && yarn serve

API Key

You need to get an OpenWeatherMap API key and to add it to the .env file under the field VUE_APP_API_KEY.

Example:

VUE_APP_API_KEY=1234567890

Introduction

This project was bootstrapped with Vue-CLI to speed up the process as it is just a prototype.

This prototype is intended to work on a mininum resolution of 1024x768px.

Dependencies

The most relevant dependencies used on this project are:

• vue
• vue-router
• axios

HTML and CSS

I used Pug as a template engine and Stylus as a CSS pre-processor.

DevDependencies

I chose some tools to help during development such as:

• ESLint
• husky and commitlint

@TODO

This is a short list of things I'd like to work on if I had more time (or if it was a real life project)

• Add tests
• Responsive layout
• Handle errors
• Improve navigation and filter
• Use the proper OpenWeatherMap endpoint (/daily) to fetch the data

Deployment

This project is automatically deployed to Github Pages using TravisCI.

Demo

A working demo can be visited here.