WeatherSure - Realtime Weather Monitoring Application

WeatherSure is a realtime weather monitoring application that allows you to search for weather information of a particular location. It provides comprehensive and up-to-date weather data, covering every crucial detail related to the weather conditions.

Tech Used

The WeatherSure application is built using the following technologies:

• Vue.js: A progressive JavaScript framework for building user interfaces.
• JavaScript: The programming language used for frontend development.
• HTML: The markup language used for structuring the web pages.
• CSS: The stylesheet language used for styling the web pages.

Features

• Search: Easily search for the weather information of any location around the world.
• Current Weather: Get the current weather conditions, including temperature, humidity, wind speed, and more, for the selected location.
• Forecast: View the weather forecast for up to 3 days, including hourly breakdowns for each day.
• Detailed Information: Access detailed information about weather conditions such as cloud cover, precipitation, UV index, and more.
• User-friendly Interface: Enjoy a clean and intuitive interface for a seamless user experience.

Prerequisites

Before running the WeatherSure application, ensure that you have Node.js and npm installed on your machine.

• Node.js: You can download and install Node.js from the official website: Node.js.
• npm (Node Package Manager): npm is bundled with Node.js, so you should have it installed after installing Node.js.

Installation and Setup

1. Open a command-line interface or terminal.

2. Verify that Node.js and npm are installed correctly by running the following commands:

   node --version
   npm --version
   

3. Install Vue CLI globally by running the following command:

    npm install -g @vue/cli
   

4. Create a new Vue project by running the following command:

    vue create my-vue-app
   

5. Select the desired configuration using the arrow keys and press Enter to proceed.

6. Navigate to the project directory:

    cd my-vue-app
   

7. Install project dependencies by running:

    npm install
   

Running the Application

1. Start the application by running the following command:

   npm run serve
   

2. Wait for the compilation to complete. You will see the local development server address, usually http://localhost:8080, displayed in the terminal. Proceed to view the application.

Snapshot