## Weather Dashboard

This project is a weather dashboard that retrieves and displays weather data for different locations.

## Installation

#### npm:

1. Clone the repository.
2. Run `npm install` to install the project dependencies.
3. Start the development server with `npm run dev` or build the production index.mjs with `npx nuxi build` and run it with `node .output/server/index.mjs`.
    - Don't forget to change the apiBaseURL at line 16 in WeatherDashboard.vue !\*

#### Docker:

1. There is a Dockerfile for image building
2. Also there is apublic image can be used:

    - docker pull git.argideli.com/argideli/weather-app:latest

## Usage

-   The dashboard fetches weather data from the API based on configured locations.
-   Add new locations by clicking on "+ Add Location"
    -   Upon entering a search input you will be presented with a list of locations
    -   Click on the desired location and then Add Location
-   View weather details by clicking on a specific location.
-   Remove a location by clicking on the trash bin

## Components

### Pages

-   index.vue

### Components

-   WeatherDashBoard.vue

    -   Displays the main table
    -   Subcomponents:
        -   AddLocation.vue
            -   Modal for adding a new location
        -   DeleteLocation.vue

            -   Modal confirming deletion of a location

        -   SlideDetails.vue

            -   Provides the seven day forecast of the location that was clicked