SkyCast - Weather App

SkyCast is a simple and fast weather app built with HTML, CSS, and plain JavaScript. It fetches real-time weather data using the OpenWeatherMap API and displays temperature, conditions, and more in a clean UI.

No Preview Available | Github
SkyCast - Weather App
Tech Stack

Frontend:

HTML
CSS
JavaScript

Backend:

Database:

ORM:

Tools:

Git
GitHub
VSCode
OpenWeatherMap API

Deployment:

GitHub Pages

What the project is?

SkyCast is a lightweight weather application that interacts with a public API to fetch weather data for any city entered by the user. It updates the UI dynamically with icons, temperature, and other stats.

Why I built this?

I wanted to practice API integration and build a functional UI from scratch to improve my JavaScript and DOM manipulation skills.

What problem it solves?

SkyCast provides a quick and easy way to check the weather, demonstrating how client-side apps can fetch and display external data without frameworks.

Key Features

  • Search weather by city name
  • Real-time temperature and weather condition
  • Displays humidity, wind speed, and weather icons
  • Handles invalid city names with error messages
  • Uses OpenWeatherMap API for accurate data
  • Async API handling with Fetch
  • Built without any frameworks or libraries
  • Fully client-side and deployable via GitHub Pages
  • screenshot-0
    screenshot-1
    screenshot-2
    screenshot-3
    screenshot-4
    screenshot-5
    screenshot-6
    screenshot-7
    screenshot-8
    screenshot-9
    screenshot-10

    What I Learned / Challenges

    Learned how to work with third-party APIs, handle JSON responses, and implement asynchronous operations using Fetch API. Faced challenges with API error handling and smooth UI updates.