Skip to content

RiyaRaj28/Weather-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published