Weather Dashboard

A simple weather dashboard that displays current weather information for a searched city using the OpenWeatherMap API with a Node.js backend for secure API key handling.

Features

• Search for weather by city name
• Display current temperature in Celsius
• Show weather condition (clear, rain, clouds, etc.)
• Display humidity percentage
• Secure API key handling through backend proxy

Setup and Usage

1. Clone or download this repository
2. Get an API key from OpenWeatherMap (free tier is sufficient)
3. Create a .env file in the root directory and add: OPENWEATHER_API_KEY=your_api_key_here
4. Install dependencies:

   npm install
   

5. Start the server:

   npm start
   

6. Open your browser and navigate to http://localhost:3000

Technologies Used

• Frontend:
  • HTML
  • CSS
  • JavaScript
• Backend:
  • Node.js
  • Express
  • dotenv (for environment variables)
  • cors (for handling cross-origin requests)

Project Structure

weather-dashboard/
├── .env                # Environment variables (API key)
├── .gitignore          # Git ignore file
├── package.json        # Node.js dependencies
├── server.js           # Express server and API proxy
└── public/             # Static files
    ├── index.html      # HTML structure
    ├── style.css       # CSS styles
    └── script.js       # Frontend JavaScript

Security

This application uses a backend proxy to secure the API key. The key is stored in a .env file which is not committed to the repository. API requests are made through the backend, keeping the API key secure.

Note

To use this application, you must obtain your own API key from OpenWeatherMap. The free tier allows up to 1,000 API calls per day, which is sufficient for personal use.