Clima-Tact is a simple and responsive weather application built using HTML, CSS, and JavaScript, powered by the OpenWeatherMap API. It allows users to search for a city and instantly view real-time weather data.
“The Clima-Tact is a weapon from the manga series One Piece. It is used by the most skilled of Navigators, Nami, to reverse-engineer weather effects for combative purposes.”
As a fun nod to this powerful tool from One Piece, this weather app shares the same name.
This project was created while following this excellent beginner tutorial on YouTube:
Build a Simple Weather App with HTML CSS and JavaScript | Beginner Tutorial
- One Piece Font by Phantom King Graphics
- Sayyeda Font by FG Studios
Downloaded from: FontBolt - One Piece Font
- Search weather by city name
- Real-time temperature data
- Weather icons and status visuals
- Clean and minimal UI
- HTML5 — Structure
- CSS3 — Styling and layout
- JavaScript (Vanilla) — Dynamic behavior and API integration
- OpenWeatherMap API — For fetching real-time weather data