/weather-app

Primary LanguageJavaScriptMIT LicenseMIT

weather.me & 383

A simple intuitive and user-friendly weather app made with the Open Weather API, Next.js and React.

➡️ Live demo

🎨 Figma mockups

Installation

Create a .env.local file in the root directory and add the following keys:

WEATHER_API_KEY= WEATHER_API_BASE= GEOLOCATION_API_BASE= GEOLOCATION_POSTCODE_BASE=

NEXT_PUBLIC_WEATHER_API_KEY= NEXT_PUBLIC_WEATHER_API_BASE= NEXT_PUBLIC_GEOLOCATION_API_BASE= NEXT_PUBLIC_GEOLOCATION_POSTCODE_BASE=

Install the required dependencies

npm install

Start the development server

npm run dev

Build

Generate a production build

npm run build

Start the server

npm start

Goals

Align with 383's design principles. ✅

The user is able to get an overview of 8 days weather forecast in their preferred location. ✅

The user is also able to select a single day, so they can view a more detailed forecast of that specific day. ✅

Creators

Adam Hooper

Amrit Atwal

Apoorwa Saxena

Callum Hemming