⛅ Check the current weather in any city on the planet.

Related tags

React weather app nextjs openweather
Overview

Weather App

Check the current weather on any city on the planet. Switch between metric and imperial units.

Alt img

Features

  1. Search cities functionality

  2. Metric vs Imperial system

  3. Current local time and date

  4. Temperatures and humidity

  5. Wind speed and direction

  6. Sunrise and sunset times

Installation

  1. git clone https://github.com/madzadev/weather-app.git

  2. cd weather-app

  3. npm install

  4. Log-in to Openweathermap.com

  5. Create an API key

  6. cp .env.example .env.local

  7. Paste API key for OPENWEATHER_API_KEY

  8. npm run dev

Contributions

Any feature requests and pull requests are welcome!

License

The project is under MIT license.

You might also like...

This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app

This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app

VeganRecipe 🍆 🍄 🍠 🍅 Hello! This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app. 🍆 ?

Mar 27, 2022

This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

Bookstore This is an application built to track the books you are reading and the progress you have made for each book! Additional description about t

Feb 27, 2022

The easiest way to check who hasn't followed you back on Instagram

Instagram Unfollowers The easiest way to check who hasn't followed you back on Instagram is to do it manually, keeping track of the exact number of fo

Dec 14, 2022

This simple and small react component can check your repository stars and change theme on light/dark

This simple and small react component can check your repository stars and change theme on light/dark

Repository metrics for react This beauty and easy (4KB) react component can help you add metrics to your repositories also you can change component th

Jun 25, 2022

Check EU Digitial Covid Certificates with ease and validate them against country and local rules.

Check EU Digitial Covid Certificates with ease and validate them against country and local rules.

Check EU Digitial Covid Certificates with ease and validate them against local or country rules. What is the purpose of CovidValidator? CovidValidator

Mar 14, 2022

A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list Examples available here: http://claude

Jan 2, 2023

Any code using props of Express.

Some projects to test knowledge with express and nodejs SESSIONS AND COOCKIES Login Basic example use session, redirect and file manipulation. Views B

Jan 7, 2022

IngredientRecipeFinder - Web app built with react using Edamam API to find any recipe for an ingredient search with nutrition filters (high protein, low carb,etc)

Ingredient Recipe Finder Web app This web app built with the use of Edamam API allows you to find any type of recipe for a specific ingredient you are

Jan 4, 2022

Using Ethereum Smart Contracts to verify any user's vaccination via Identification Number or QR Code.

Covid-Vaccine-Verification-Blockchain Using Ethereum Smart Contracts to verify any user's vaccination via Identification Number or QR Code. Requiremen

May 14, 2022
Comments
  • sunrise am/pm using sunset

    sunrise am/pm using sunset

    I don't know how to do a pull request on a repo that is not mine on line 49 of Metrics.jsx unit={getAMPM(systemUsed, data.sys.sunset, data.timezone)} should be unit={getAMPM(systemUsed, data.sys.sunrise, data.timezone)}

    opened by MikeIsHereWorking 1
Owner
Madza
Madza
GitHub https://weather-app-madza.netlify.app/
⚡️The Fullstack React Framework — built on Next.js

The Fullstack React Framework "Zero-API" Data Layer — Built on Next.js — Inspired by Ruby on Rails Read the Documentation “Zero-API” data layer lets y

⚡️Blitz 12.5k Jan 4, 2023
Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Kyrillos Hany 5 Mar 11, 2022
Kota (city; in Indonesian) guessing game, inspired by Katla

Kotla Kota (city; in Indonesian) guessing game, inspired by Katla, wordle and worldle. How it works For those who are curious, or are looking for a wa

Jacky Efendi 57 Sep 27, 2022
CoWIN Vaccination Tracker, Below is the PRODUCTION LINK this is updated at end of each day. To see any latest Updates, please check the documentation

CoWIN Vaccination Slots Checking App. CoWIN Vaccination Slots Checking App is a user-friendly website that allow users to find vaccine in nearby avail

Stephin Reji 31 Jan 28, 2022
A simple Weather app Using NOdeJs and API'S

weather-app A simple Weather app Using NodeJs and API'S It uses GeoCode API to find Latitude and Longitude and passes it to the WeatherStack API to fe

Parva Shah 5 Oct 5, 2022
Hacker-news-with-react - 👾 Consuming the hacker news api, i created a more modern design for than the current site.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

João Thomaz 1 Jan 3, 2022
A Tracker to Check the availability of vaccine through pincode and buzzer in case of availability

Welcome to covid-vaccine-tracker ?? A Tracker to Check the availability of vaccine through pincode and buzzer in case of availability ?? Homepage Prer

Ayush Bansal 21 Jun 7, 2021
Check Your Nearest Vaccination Center And Slots Availability using pincode and district name.

Vaccine Tracker Application - Pan India ?? Website • Playstore made with ♥ for the people of India DevIncept is an 30 day open source program helping

sameer srivastava 67 Nov 3, 2022
A small tool to help you check package duplicates in `yarn.lock`

Yarn Duplicate A small tool to help you check duplicate package and package size in yarn.lock. Usage Change to your project root folder, which have a

Cam Song 14 Aug 11, 2021
Check if your location is actually hidden.

LocateJS Check it out here: https://z0ccc.github.io/LocateJS/. About LocateJS predicts your location by analyzing your connection and system data. Thi

z0ccc 282 Jan 9, 2023