A public web-application to get current weather forecast using Vue.js
* Vue
* Nuxt
* Tailwind
* Vuetify
* Pinia
* Openweathermap
* Netlify
To run this project execute
yarn && yarn devTo publish this project execute
yarn build
This project was developed with the goal of practicing and enhancing my SEO skills, focusing on delivering good performance, speed, and accessibility for the user.
One of the biggest challenges was finding a suitable data source to provide current weather information without incurring costs for the project. We chose to use the OpenWeatherMap API, which provides both city location data and current weather forecasts. However, this choice brought new challenges, such as an excess of unnecessary data for the project's scope and the absence of important information, like precipitation data for specific locations. To manage the large volume of data, I created specific functions to efficiently format and handle the information. Regarding precipitation data, it was not possible to find a solution at this time, so to avoid compromising the project, this data was substituted with "N/A".
As for the component structure, a simple and straightforward architecture was developed, allowing for quick development without adding unnecessary complexity, while still maintaining code organization and quality.
Este projeto foi desenvolvido com o objetivo de praticar e aprimorar minhas habilidades em SEO, focando em entregar um bom desempenho, performance e acessibilidade para o usuário.
Um dos maiores desafios foi encontrar uma fonte de dados adequada para fornecer informações climáticas atualizadas sem gerar custos ao projeto. Optamos por utilizar a API da OpenWeatherMap, que oferece tanto dados de localização de cidades quanto previsões meteorológicas atuais. No entanto, a escolha dessa fonte trouxe novos desafios, como o excesso de dados desnecessários para o escopo do projeto e a ausência de informações importantes, como a precipitação de chuva em determinadas localidades. Para lidar com o grande volume de dados, criei funções específicas para formatar e manipular as informações de forma eficiente. Quanto aos dados de precipitação, não foi possível encontrar uma solução neste momento, então, para não inviabilizar o projeto, esses dados foram substituídos por "N/A".
Em relação à estrutura de componentes, foi desenvolvida uma arquitetura simples e direta, permitindo um desenvolvimento ágil sem adicionar complexidade desnecessária, mas mantendo a organização e qualidade do código.