What is the f*&king weather (Initial project name Vuether, haha yes) is a bold and brash weather app built with Vue.js and hosted on Netlify. Two separate API calls are made with Axios, one to ipdata.co to get the user’s location and another to OpenWeatherMap to get the current weather conditions for display.
The page changes appearance and displays an animated character depending on the weather condition. All characters were created in Adobe Illustrator, animated in Adobe After Effects and is displayed natively on the web via Airbnb’s Lottie library.
Vue.js | Adobe Illustrator | Adobe After Effects
A lil' animation to display how the app looks and feels