Skip to content

Repository files navigation

Weather App

Overview

This is a simple weather application built using React.js and Tailwind CSS. It fetches real-time weather data from the OpenWeatherMap API and displays key information like temperature, humidity, and weather conditions. The app is deployed on Netlify for easy accessibility.

Features

  • Search for current weather by city name
  • Display temperature, humidity, wind speed, and weather conditions
  • Responsive design with Tailwind CSS
  • Hosted on Netlify for quick access

Tech Stack

  • Frontend: React.js, Tailwind CSS
  • API: OpenWeatherMap API
  • Hosting: Netlify

Installation & Setup

  1. Clone the repository:
    git clone https://github.com/Linchpin22/ReactWeather
    cd weather-app
  2. Install dependencies:
    npm install
  3. Start the development server:
    npm run dev

Deployment on Netlify

  1. Push your project to GitHub.
  2. Go to Netlify, create an account, and connect your repository.
  3. Configure build settings:
    • Build command: npm run build
    • Publish directory: dist
  4. Deploy the site!

Live Demo

You can check out the live app here: Your Netlify URL

Credits

  • OpenWeatherMap for providing the API
  • React & Tailwind CSS for frontend design

About

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages