Ye Olde Weather Dashboard

Ye Olde Weather Dashboard is a simple monotone weather dashboard that takes on the coder/techy aesthetic. It is built with Next.js and provides current weather conditions, hourly and daily forecasts, historical weather data, air quality information, and UV index. The dashboard features a responsive design, dark mode support, and customizable unit settings.

Features

• 🌡️ Current weather conditions
• 🕰️ Hourly forecast
• 📅 Daily forecast
• 📜 Historical weather data
• 💨 Air quality information
• ☀️ UV index
• 🌐 Location search (automatic based on IP and manual)
• 🌙 Dark mode support
• 🌡️ Multiple unit conversions
• 📱 Responsive design
• ⚙️ Customizable settings
  • Temperature units (°C, °F, K, °R, °Ré, °Rø, °N, °D)
  • Wind speed units (km/h, m/s, mph, kts, ft/s, BF, F, EF, SS)
  • Humidity units (%, decimal)
  • Precipitation units (mm, in, cm)
  • Time display options
  • Precision settings

Technologies Used

Core

• Next.js - A React framework for building server-side rendered and static websites
• React - A JavaScript library for building user interfaces
• TypeScript - A typed superset of JavaScript that compiles to plain JavaScript

Styling & UI

• Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces
• Framer Motion - A production-ready motion library for React

Utilities

• Axios - A promise-based HTTP client for the browser and Node.js
• date-fns - A modern JavaScript date utility library

APIs

Weather Data

• Open-Meteo - A free weather API providing global weather data
  • Current conditions
  • Hourly forecasts
  • Daily forecasts
  • Historical data
  • Air quality information

Geolocation Services

• ip-api - Primary geolocation service (45 requests/minute)
• ipwho.is - Secondary geolocation service
• ipinfo.io - Tertiary geolocation service
• ipapi.co - Fallback geolocation service

License

This project is licensed under the MIT License.

Acknowledgements

Special thanks to:

• The Open-Meteo team for providing free and reliable weather data
• The various IP geolocation services that make location detection possible
• The open-source community for the amazing tools and libraries

Resources Used

• Heroicons - A set of free MIT-licensed high-quality SVG icons
• 1584 Pragmatica Lima Font - A free font used for the title

---

Visit www.yeoldweather.com to check out Ye Olde Weather Dashboard in action!