Skip to content

Latest commit

 

History

History
52 lines (47 loc) · 1.93 KB

README.md

File metadata and controls

52 lines (47 loc) · 1.93 KB

main-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