Skip to content

Waliii31/Weather-Widget-App

Repository files navigation

Day 2 Project: Weather App 🌦️

Welcome to Day 2 of my 30 Days 30 Projects Challenge!

Project Overview

The Weather App allows users to search for and view the current weather conditions in any city. It provides real-time weather updates, including temperature, weather conditions, and more, using data from WeatherAPI.

Features

  • Search by City: Enter the name of a city to get its current weather.
  • Weather Details: Displays temperature, weather conditions, and location-specific information.
  • Responsive Design: The app is fully responsive and works well on various devices.

Tech Stack

  • Next.js: Built using the Next.js framework.
  • React: Handles the UI components.
  • TypeScript: Provides type safety and handles the logic.
  • shadcn/ui: Designed the UI with this component library.
  • Tailwind CSS: Used for styling and ensuring a consistent look across the app.
  • WeatherAPI: Fetches real-time weather data.
  • Vercel: Used for deploying the app.

Live Demo

Check out the live demo of the Weather App on Vercel:

Live Demo

Screenshot

Weather App

Releases

No releases published

Packages

No packages published