A small web app that allows users to enter a city and view a compact snapshot containing current weather information, local time, and one additional detail.
The goal of this exercise is not to build a complete product, but to demonstrate:
- code clarity and structure
- problem-solving skills
- UI / visual judgment
- ability to work effectively with or without AI tools
Build a small web application that:
- allows the user to enter a city name
- displays a city snapshot card with:
- city name
- current temperature
- weather condition
- local time
- one additional detail of your choice
(for example: humidity, wind, sunrise/sunset)
Your app should include:
- an empty state before any search
- a loading state while data is being fetched
- an error state for invalid input or failed requests
The UI should be simple, clean, and usable.
- You may use any framework or plain JavaScript
- You may use any public API or mocked data
- One page is sufficient
- No authentication is required
- Keep the implementation lightweight
You are explicitly allowed to use AI tools such as ChatGPT, Copilot, Cursor, or similar.
We are interested in how you use them:
- what they helped you with
- what you changed
- what you verified yourself
Please document this briefly in the section below.
Please spend about 45 minutes on this challenge.
You may go up to 60 minutes maximum, but completeness matters less than good judgment.
Please submit:
- a Git repository link or zip file
- this README completed with your notes
- your implementation
Please fill this section in with the steps needed to run your solution locally.
Example:
npm install
npm run dev