Skip to content

Latest commit

 

History

History
69 lines (45 loc) · 1.5 KB

README.md

File metadata and controls

69 lines (45 loc) · 1.5 KB
Raw

Weather App 🔗

A modern, responsive weather application built with Next.js, TypeScript, and styled-components. This app allows users to search for weather information by city name and displays current weather conditions.

Features

  • Search for weather by city name
  • Display current temperature, humidity, wind speed, and weather description
  • Responsive design that works on mobile, tablet, and desktop devices
  • URL-based search functionality for easy sharing
  • Server-side API route to securely handle API requests

Technologies Used

  • Next.js 13+ (App Router)
  • TypeScript
  • Styled-components
  • SWR
  • OpenWeatherMap API

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Node.js (v14 or later)
  • npm or yarn
  • An OpenWeatherMap API key

Installation

  1. Clone the repository:

    git clone https://github.com/halilatilla/weather-app.git
cd weather-app

  2. Install the dependencies:

    npm install

  3. Create a .env.local file in the root directory and add your OpenWeatherMap API key:

    OPENWEATHERMAP_API_KEY=your_api_key_here

Usage

To run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

To build the app for production:

npm run build
npm start

Preview