interview.md

Frontend Engineer Interview Challenge -- Zeta Ai

Weather App using Next.js, React, and Tailwind CSS

Welcome to our frontend engineer interview challenge! In this exercise, you'll be building a weather application using Next.js, React, and Tailwind CSS, integrating with the Open-Meteo API for weather data.

Objective

Create a web application that allows users to check the weather forecast for a given location. The app should demonstrate your skills in modern frontend development, API integration, and UI design.

Important notes:

• Complete implementation is not a requirement. We're more interested in your approach and problem-solving skills.
• Please think out loud and describe your thought process as you work. This helps us understand your reasoning and decision-making.

Features to Implement

1. A search input for users to enter a location (city or coordinates)
2. Display current weather conditions including temperature, humidity, and wind speed.
3. Create a detail view for a location, that shows more detailed information about the weather.

Getting Started

1. Clone this repository
2. Install dependencies: npm install or yarn install or pnpm install or bun install
3. Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

4. Open http://localhost:3000 in your browser

API Usage

Use the Open-Meteo API to fetch weather data. You can find the documentation here: https://open-meteo.com/en/docs

Example API call:

https://api.open-meteo.com/v1/forecast?latitude=52.52&longitude=13.41&current=temperature_2m,wind_speed_10m&hourly=temperature_2m,relative_humidity_2m,wind_speed_10m

We're excited to see your solution! If you have any questions, please don't hesitate to reach out. Good luck!