Weather App !

This app is using the OpenWeather API.

Exemple of API call.

Further informations

• VueJS 3 used with webpack bundler.

• SCSS and normalize.css used.

• This app is responsive.

API Key

To make the app work correctly, you need to get an API key (free) on OpenWeather Website.

Then, look at the root dir of the repo and rename the "app.config__blank.js" to "app.config.js" and add you API key in the file.

Finally, change the APIKEY field with your personnal API key (do not share). You can also put different cities in this file.

Project setup

Clone the project

git clone https://github.com/YxxgSxxl/vue3-weatherapp

Change directory to the right one

cd vue3-weatherapp

Install all the dependencies

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

(FR) Points à améliorer

• Utiliser Axios pour les requettes fetch
• Limiter davantage la redondance du code
• Une meilleure gestion des erreurs
• Utiliser SASS-Dart pour pouvoir faire des imports (@use au lieu de @import)
• Rework le design/layout de l'app
• Améliorer le responsive design pour telephones/tablettes/ordinateurs
• Ajouter davantage d'animations
• Déployer l'app sur un serveur Vercel