Git Product home page Git Product logo

leomunizq / nextjs-weather-app Goto Github PK

View Code? Open in Web Editor NEW

This project forked from dariuslukasukas/nextjs-weather-app

0.0 0.0 0.0 439 KB

Real-time weather app build with Next.js 14, Typescript and Shadcn UI. It's a simple, yet powerful app that gives you all the weather information you need, in a beautiful and easy-to-use interface.

Home Page: https://meteo-nix.vercel.app

JavaScript 0.15% TypeScript 98.50% CSS 1.36%

nextjs-weather-app's Introduction

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).

nextjs-weather-app's People

Contributors

dariuslukasukas avatar rasmus234 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.