/Weather-app

The Weather App is a web application that allows users to retrieve current weather information for a specific location. It utilizes various technologies such as Node.js, Express.js, Weatherstack API, Mapbox API, HTML, CSS, and Handlebars.

Primary LanguageJavaScript

Weather App

The Weather App is a web application that provides current weather information for a given location. It utilizes Node.js and Express.js on the server-side, Weatherstack API for retrieving weather data, Mapbox API for location pinpointing, and HTML, CSS, and Handlebars for the frontend.

Features

  • Current weather information: Get the current weather condition, temperature, humidity, wind speed, and more for a specific location.
  • Location search: Enter a location to retrieve weather information for that specific location.
  • Location pinpointing: Utilize Mapbox API to pinpoint the location on a map.
  • User-friendly interface: The weather information is displayed in a visually appealing and easy-to-understand format.

Technologies Used

  • Node.js: A JavaScript runtime environment for server-side development.
  • Express.js: A web application framework for Node.js.
  • Weatherstack API: An API that provides weather data for different locations.
  • Mapbox API: An API for location services, including geocoding and map visualization.
  • HTML, CSS, and Handlebars: Web technologies used for creating the frontend of the application.

Installation

  1. Clone the repository:
git clone https://github.com/prabhupalani18/Weather-app.git
  1. Install the dependencies:
cd weather-app
npm install

  1. Set up the API keys:

    • Sign up for an account at Weatherstack (https://weatherstack.com/) to obtain an API key.

    • Sign up for an account at Mapbox (https://www.mapbox.com/) to obtain an API key.

    • Create a .env file in the root directory.

    • Add the following environment variables to the .env file:

      WEATHERSTACK_API_KEY=your-weatherstack-api-key
MAPBOX_API_KEY=your-mapbox-api-key

  2. Run the application:

npm start

The app should now be running locally on http://localhost:3000.

Deployment

To deploy the Weather App on the Render website, follow these steps:

  1. Sign up for a Render account at https://render.com/.

  2. Create a new web service and connect your GitHub repository.

  3. Configure the environment variables under the "Environment" settings:

    • WEATHERSTACK_API_KEY: Set it to your Weatherstack API key.
    • MAPBOX_API_KEY: Set it to your Mapbox API key.

  4. Deploy the app and wait for the deployment to complete.

  5. Access your deployed app at the provided Render URL.

Usage

  1. Open your web browser and go to http://localhost:3000.
  2. Enter the location for which you want to retrieve weather information.
  3. Click the "Submit" button.
  4. The weather information for the specified location will be displayed, along with a map pinpointing the location.

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvement, please submit an issue or open a pull request on the GitHub repository.