AkashKeshari111 / weatherApp

The Weather App is a web application that provides real-time weather information for different locations.

Home Page:https://weather-app-nu-gules.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Certainly! Here's a sample README for a weather app:

Weather App

The Weather App is a web application that provides real-time weather information for different locations. It allows users to search for a specific location and view the current weather conditions, including temperature, humidity, wind speed, and air quality index (AQI).

Features

  • Current Weather: Get the current weather details for any location.
  • Location Search: Search for a specific location using city name.
  • Temperature Units: Celsius and Fahrenheit temperature units.
  • Responsive Design: The app is responsive and optimized for various screen sizes.

Technologies Used

  • Front-end: React.js
  • Back-end: Node.js, Express.js, MongoDB
  • UI Library: Chakra UI
  • API: OpenWeatherMap API

How To Use

  • Search any valid location for better result and press 'Enter' key.
  • If your location is correct then it show success toast message.
  • If you location is invalid then it show 'Location not found!'
  • While searching if you empty the search bar and then 'Enter' key press, it will tell you 'Please enter the location!' by toast message.

Preview

Weather App Preview

Installation

  1. Clone the repository:
git clone https://github.com/AkashKeshari111/weatherApp.git
  1. Navigate to the project directory:
cd weather-app
  1. Install dependencies:
npm install
  1. Create an environment file (.env) in the project root directory and add your OpenWeatherMap API key:
apiKey=your-api-key
PORT=8080 
MONGO_DATABASE=your-mongodb-database
  1. Start the development server:
npm start
  1. Open your browser and visit http://localhost:3000.

Usage

  1. Enter a location in the search bar and press Enter.
  2. The app will display the current weather information for the specified location.
  3. To see weather report.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

Acknowledgements

  • OpenWeatherMap for providing the weather data API.
  • Chakra UI for the user interface components.
  • React.js for the JavaScript library used in building the app.

Contact

For any inquiries or questions, please contact akashkeshari2722000@gmail.com.


About

The Weather App is a web application that provides real-time weather information for different locations.

https://weather-app-nu-gules.vercel.app/


Languages

Language:JavaScript 87.1%Language:HTML 8.1%Language:CSS 4.8%