/weather-app

A simple weather application built with React.js, Tailwind, Node.js, Express.js, JavaScript, HTML, and CSS to display current weather information for a given location.

Primary LanguageJavaScript

Weather App

A simple weather application built with React.js, Tailwind, Node.js, Express.js, JavaScript, HTML, and CSS to display current weather information for a given location.

Deployed App

Weather App

Demo

Demo Image 1 Demo Image 2 Demo Image 3

Features

  • Displays current weather information such as temperature, humidity, and wind speed with your current location.
  • Allows users to search for weather information by city name.
  • Provides a clean and intuitive full responsive user interface.

Tech Stack

  • Frontend: React.js, Tailwind, HTML, CSS, JavaScript
  • Backend: Node.js, Express.js

Installation

  1. Clone the repository: git clone https://github.com/Mohit-Raj-Singh/weather-app
  2. Install dependencies: npm install
  3. Start the backend server: npm start
  4. Start the frontend development server: npm start in the client directory

Usage

  1. Enter a city name or click the "Allow Location" button to get weather information for your current location.
  2. The weather information for the specified city or your current location will be displayed.

Backend API

Backend API- (https://backend.sabtech.cloud/)

The backend of this app is powered by the OpenWeatherMap API.

GitHub Repository

Weather frontend GitHub Repository

Weather backend GitHub Repository