# angular-weather-any-degree
> this package is used to show a simple weather, which we can change the type of degree
Latest version **0.0.14** (published 2023-04-13) · MIT license · 0 weekly downloads
## Install
```sh
npm install angular-weather-any-degree
pnpm add angular-weather-any-degree
yarn add angular-weather-any-degree
bun add angular-weather-any-degree
```
## Health
**Score 25/100 (F)** — status: abandoned.
Positive: has types; esm support; no vulnerabilities.
Warnings: low downloads; pre 1.0.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 0.0.14 |
| Published | 2023-04-13 |
| First published | 2023-04-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 105.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Mahdy Ataey |
| Maintainers | mahdyataey |
| Keywords | Celcious, Farenhite, Kalvin, Weather, Angular |
## Links
- npm: https://www.npmjs.com/package/angular-weather-any-degree
- Repository: https://github.com/mahdiataey/my-weather-example
- Homepage: https://github.com/mahdiataey
- Issues: https://github.com/mahdiataey/my-weather-example/issues
- npm.io page: https://npm.io/package/angular-weather-any-degree
## Dependencies (1)
- [tslib](https://npm.io/package/tslib.md) ^2.3.0
## Recent versions
- 0.0.14 (latest) — 2023-04-13
- 0.0.13 — 2023-04-13
- 0.0.12 — 2023-04-13
- 0.0.11 — 2023-04-13
- 0.0.10 — 2023-04-13
- 0.0.9 — 2023-04-12
- 0.0.8 — 2023-04-12
- 0.0.7 — 2023-04-12
- 0.0.6 — 2023-04-12
- 0.0.5 — 2023-04-12
- 0.0.4 — 2023-04-12
- 0.0.3 — 2023-04-12
- 0.0.2 — 2023-04-12
- 0.0.1 — 2023-04-12
## README
# Angular Weather Any Degree
[Demo](https://mahdiataey.github.io/my-weather-example/)
Angular Weather any degree package for web applications . Easy and Highly customisable.
## Getting Started
### Installation
- The angular Weather for any degree package is published on the [npm](https://www.npmjs.com/package/angular-weather-any-degree) Registry.
- Install the package :
`npm install angular-weather-any-degree --save`
- Once installed import `AngularWeatherAnyDegreeModule` from the installed package into your module as follows:
### Usage
Import `AngularWeatherAnyDegreeModule` into `NgModule` in `app.module.ts`. Angular's `HttpClientModule` and `CommonModule` is also required.
```js
import { AngularWeatherAnyDegreeModule } from 'angular-weather-any-degree';
@NgModule({
// ...
imports: [
AngularWeatherAnyDegreeModule,
HttpClientModule,
CommonModule
]
// ...
})
```
- We are using "openweathermap" api to get weather details so [SIGNUP](https://home.openweathermap.org/users/sign_in) and genereate api key for your project.
Add the following component tag in you template (no properties)
```html
```
Full properties
```html
```
### Properties
The following list of properties are supported by the component.
| Property |Type | Description | Default Value |
|:--- |:--- |:--- |:--- |
|Units |string |metric(Celcious), Kalvin,Imperial(Farenhite)|
|UnitSymbol |string |K-->Kalvin, F-->Farenhite, C-->Cilcious|
| APIKEY | String | API key from APIUX | APIKEY |
| width | String | Width of the weather card | 280px |
| height | String | Height of the weather card | auto |
| backgroundColor | String | Background color of the weather card | #2a2828 |
| isBoxShadow | Boolean | Box shadow of the weather card | true |
| borderRadius | String | Border-radius of the weather card | 5px |
| locationFontSize | String | Font size of the location text | 40px |
| locationFontColor | String | Color of the location text | #fff |
| status | Boolean | Current weather status | true |
| statusFontSize | String | Font size of the location text | 18px |
| statusFontColor | String | Color of the status text | #fff |
| temperature | Boolean | Temperature of the location | true |
| tempratureFontSize | String | Font size of the temperature text | 80px |
| tempratureFontColor | String | Color of the temperature text | #fff |
| weatherImages | Boolean | Weather icon | true |
| weatherImageWidth | String | Weather icon width | 100px |
| weatherImageHeight | String | Weather icon height | 100px |
| geoLocation | Boolean | Access/Show weather of the user's location | true |
| location | String | Show one specific location's weather | '' |
| isWind | Boolean | Wind of the location | true |
| windFontSize | String | Font size of the wind text | 20px |
| windFontColor | String | Color of the wind text | #fff |
| humidityFontColor | String | Font size of the humidity text | 20px |
| humidityFontSize | String | Color of the humidity text | #fff |
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.1.3.
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## Run locally
- Clone the repository or downlod the .zip,.tar files.
- Run `npm install`
- Run `ng serve` for a dev server
- Navigate to `http://localhost:4200/`
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
## License
MIT License.
---
_Source: https://npm.io/package/angular-weather-any-degree · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._