Skip to content

README.md

Latest commit

 

History

History
53 lines (36 loc) · 1.61 KB

README.md

File metadata and controls

53 lines (36 loc) · 1.61 KB

Weather Website

This is a weather website project that provides real-time weather information for a specific location. It uses Node.js, Express.js for the backend, and HTML, CSS, and JavaScript for the frontend.

Features

  • Weather Data: Users can enter a city name and click "Search" to get the current weather details.
  • Uses OpenWeatherMap API to fetch weather data.
  • Provides a responsive design for different devices.
  • Dynamic Icons: Icons change based on the weather status (e.g., sunny, cloudy, rainy).

Live Demo

Check out the live demo : https://weather-web-o7iw.onrender.com

Installation

  1. Clone the repository:

    git clone https://github.com/RiyaRaj28/Weather-Website.git

  2. Install dependencies:

    npm install

  3. Set up environment variables:Create a .env file in the root directory and add the following:

    PORT=8000
API_KEY=your_openweathermap_api_key

  4. Run the server:

    npm start

  5. Access the website: Open your browser and navigate to http://localhost:3000. Emter city name to check the weather.

Usage

Displays weather information for a particular location.

Technologies Used

  • Node.js: Server-side JavaScript runtime environment.
  • Express.js: Web application framework for Node.js.
  • HTML: Standard markup language for creating web pages.
  • CSS: Style sheet language used for describing the presentation of a document written in HTML.
  • JavaScript: Programming language that enables interactive web pages.

Acknowledgements

  • OpenWeatherMap: For providing the weather data API.
  • Font Awesome: For the weather icons.