A Next.js 14 Weather App with Real-time Updates, Typescript, and Shadcn UI

Meteo-nix

Screenshot 2023-10-29 at 13 39 22

Overview

Welcome to Meteo-nix, a meticulously crafted weather app that levereges cutting-edge technologies. Powered by Next.js 14, TypeScript,Tailwind CSS and the elegance of Shadcn UI library, it delivers a seamless weather experience.✨ It also leverages React Hotkeys Hook for smooth theme transitions and a versatile command menu, React Map GL for Mapbox map integration, and provides intelligent places autocomplete suggestions powered by Google Maps Places API.

Features

  • Current Weather Conditions: Provides access to current weather conditions, including temperature, precipitation, wind speed, UV index, and more.
  • Forecast: Access a 10-day weather forecast and a 24-hour forecast at your fingertips.
  • Command Menu: Toggle the command menu with a keyboard shortcut (Shortcut: Command+J) for quick access to search functionality.
  • Intelligent Autocomplete: Enjoy a seamless location search experience with intelligent place autocomplete suggestions powered by the Google Maps Places API, and the Google Geolocation API to obtain coordinates, ensuring accurate and up-to-date information.
  • Seamless Theme Transitions: Switch between themes (Shortcut: T) effortlessly thanks to React Hotkeys Hook, ensuring a visually pleasing and accessible interface.
  • Interactive Map: Navigate a dynamic map with customizable tiles, including temperature (°C), precipitation intensity (mm/s), wind speed and direction (m/s), relative humidity (%), cloudiness (%), and atmospheric pressure (hPa).

GitHub

View Github

Related Posts

Recent Posts

ഇടുക്കിയിലെ മലയോര മേഖലകളിൽ രാത്രിയാത്ര നിരോധിച്ചു. രാത്രി ഏഴു മുതൽ രാവിലെ ആറു വരെയാണ് നിരോധനം

ഏന്തയാർ ഈസ്റ്റിൽ പ്രളയത്തിൽ തകർന്ന പാലത്തിന് പകരം പുതിയ പാലം നിർമ്മിക്കുവാൻ താത്ക്കാലിക പാലം പൊളിച്ച് നീക്കി

Explore the Investment Opportunities: A Comprehensive Guide to Different Types of Mutual Funds

Title: Understanding Mutual Funds: A Beginner's Guide to Investing

തീവ്രമഴ മുന്നറിയിപ്പിന്റെ പശ്ചാതലത്തിൽ സംസ്ഥാനം ജാഗ്രതയിൽ

250,000 അപേക്ഷകൾ വർദ്ധിച്ചതിനാൽ ട്രാൻസ്‌പോർട്ട് കമ്മീഷണർ പരിശോധന പുനരാരംഭിക്കും

ഏലക്കയിൽ കീടനാശിനി സാന്നിധ്യം; ആറര ലക്ഷത്തിലധികം ടിൻ അരവണ നശിപ്പിക്കാൻ ടെൻഡർ ക്ഷണിച്ച് ദേവസ്വം ബോർഡ്‌

ഭീമൻ പാറക്കഷണങ്ങൾ അടർന്ന് ദേശീയ പാതയിലേക്ക് വീഴുന്നത് പതിവാകുന്നു. കുട്ടിക്കാനത്തിനും മുണ്ടക്കയത്തിനുമിടയിൽ നിലനിൽക്കുന്നത് വൻ അപകട ഭീഷണി

ചക്രവാതച്ചുഴി:അതിശക്തമായ മഴ വരുന്നു

പ്ലസ് വൺ പ്രവേശനം. അക്ഷയയിൽ തിക്കി തിരക്കേണ്ട, നെറ്റിവിറ്റി/ജാതി തെളിയിക്കാൻ പത്താംതരം സർട്ടിഫിക്കറ്റ് മതി