Weather App
Live Site: https://weather-app-murex-gamma.vercel.app/

Description

A Next.js app that displays weather data based on the selected location. Built with Next.js, React, TypeScript, React hooks, Tailwind CSS, Axios, Jotai, Date-fns, Clsx, Tanstack/react-query, OpenWeatherMap API, and deployed on Vercel

I also added a dark mode toggle feature with custom stylings for dark mode vs light mode

Features

Location icon detects user's location

Search box allows user to search for location and "Enter" key will submit

Responsive layout using CSS Flexbox

Skeleton app loads when requesting new data

Dark mode vs light mode toggle option

Error message displays if location is not found

Mobile-friendly design to ensure seamless user interactions across devices

Footer that contains link to GitHub source code

Custom site favicon

Possible Future Improvements:

Time zone updates depending on location selected

Letting user control whether measurements are metric or imperial