Weather App

A weather forecast application built with vanilla JavaScript, providing real-time weather information and interactive data visualizations.

Live Demo

View Live Application

Overview

This project is a full-stack weather application developed to practice and demonstrate core JavaScript skills without relying on modern frameworks. It features a clean, user-friendly interface with detailed weather forecasts and interactive charts.

Technologies Used

Frontend:

• HTML5
• CSS3
• Vanilla JavaScript (ES6+)
• Highcharts (Data Visualization)

Backend:

• Node.js
• Express.js

Hosting:

• Google Cloud Platform

APIs

• Tomorrow.io Weather API - Real-time weather data and forecasts
• Google Maps Geocoding API - Location search and geocoding

Features

• Search weather by city, street, and state
• Current location weather detection
• Detailed weather information including:
  • Temperature, humidity, pressure
  • Wind speed and visibility
  • UV index and cloud cover
• Interactive weather charts and meteograms
• Daily weather forecasts with detailed breakdowns

Project Structure

WeatherApp/
├── backend.js          # Express server and API routes
├── website/
│   ├── index.html     # Main HTML file
│   ├── main.js        # Frontend JavaScript
│   ├── styles.css     # Styling
│   ├── Images/        # Weather icons and images
│   └── highcharts/    # Chart library
└── package.json

License

This project is open source and available for educational and portfolio purposes.