This Next.js and React app displays weather from the Open-Meteo API.
This app was designed to emulate the following light and darkmode designs:
- Units may be toggled between Celsius/KPH and Fahrenheit/MPH
- Displays weather alerts if they exist, with hide/show additional alert information
- Light and dark modes follow your computer's preference
- Elements scale responsively using Tailwindcss
- Displays spinning loading status when fetching API information
- Displays API connection errors
This is a Next.js project bootstrapped with create-next-app
.
-
Install Node.js and NPM: https://docs.npmjs.com/downloading-and-installing-node-js-and-npm
-
Run the development server:
npm run dev
- Open http://localhost:3000 with your browser to see the result.