https://github.com/mohit-raj-singh/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.
https://github.com/mohit-raj-singh/weather-app

css html javascript openweather-api react-autosuggest reactjs tailwindcss

Last synced: 2 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/mohit-raj-singh/weather-app
• Owner: Mohit-Raj-Singh
• Created: 2024-04-30T05:08:21.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-30T16:56:41.000Z (about 2 years ago)
• Last Synced: 2025-01-01T19:13:29.135Z (over 1 year ago)
• Topics: css, html, javascript, openweather-api, react-autosuggest, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://weather-app.sabtech.cloud/
• Size: 450 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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](https://res.cloudinary.com/dhwvpqguu/image/upload/v1714491128/weather-app/1_eng0up.png)

![Demo Image 2](https://res.cloudinary.com/dhwvpqguu/image/upload/v1714491128/weather-app/2_svghf6.png)

![Demo Image 3](https://res.cloudinary.com/dhwvpqguu/image/upload/v1714491128/weather-app/3_zlrwam.png)

## 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](https://openweathermap.org/api).

## GitHub Repository

[Weather frontend GitHub Repository](https://github.com/Mohit-Raj-Singh/weather-app)

[Weather backend GitHub Repository](https://github.com/Mohit-Raj-Singh/weather-backend)