Next.js Weather Application

This project is a weather application built with Next.js and TypeScript. It allows users to search for a city's weather, view the current weather, a five-day forecast, and the daily evolution of temperatures. The application integrates with the AccuWeather API for retrieving weather data.

Table of Contents

• Next.js Weather Application
  • Table of Contents
  • Features
  • Getting Started
    • Prerequisites
    • Installation
  • Running the Application
  • Storybook
  • Testing
  • Environment Variables

Features

• Search for a city's weather using the AccuWeather API.
• View current weather conditions.
• See a five-day weather forecast.
• Toggle between Celsius and Fahrenheit for temperature.
• View the daily temperature evolution chart.
• Responsive design with mobile-first approach.
• Storybook integration for component visualization.
• Unit tests with Jest and React Testing Library.

Getting Started

Prerequisites

Before you begin, ensure you have the following installed on your machine:

• An AccuWeather API key
• Node.js (>= 14.0.0)
• npm (>= 6.0.0) or yarn (>= 1.22.18)

Installation

1. Clone the repository:

git clone https://github.com/sinafbd/clique-digital-interview-next
cd clique-digital-interview-next

2. rename the .env.example to .env.local

3. yarn dev

Storybook

yarn storybook

Testing

yarn test

environment-variables

NEXT_PUBLIC_ACCUWEATHER_API_KEY=YOUR_ACCUWEATHER_API_KEY (or rename the .env.example to .env.local) NEXT_PUBLIC_ACCUWEATHER_BASE_URL=http://dataservice.accuweather.com