MineWeather

This Chrome Extension dynamically adjusts the New Tab page based on the current weather!

Displays a scene from the video game Minecraft depending on local weather conditions.
Provides temperature and other weather information with an emphasis on aesthetics. Weather data is provided by OpenWeather.

Features:

• Unique images for 8 different weather conditions
• Dynamic resizing ensures images always fill the screen
• Network requests never block the rendering of new tabs
• Infrequent background updates keep weather current without battery drain
• Simple switching between Celsius and Fahrenheit
• Completely local and private — no data collection

Technologies:

• Tailwind CSS
• Custom CSS w/ Flexbox
• Async/Await & Promise Wrapping
• ES6 Modules
• OpenWeather API
• Caching Strategies w/ Storage API
• Geolocation API

Extension popup designed with Tailwind:

Build Instructions

1. Install latest versions of Node.js and npm (v16 and v8 respectively at the time of testing)
2. Clone and enter the repository
3. Run npm install
4. Run npm run build:chrome for Chrome or npm run build:firefox for Firefox
5. Load the unpacked extension into Chrome or Firefox from the dist folder