Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jeddsaliba/angular-rain-check
The purpose of this project is to showcase an Angular Project with a weather forecast capability.
https://github.com/jeddsaliba/angular-rain-check
angular auth0 bootstrap geoapify material ngrx openweathermap xng-breadcrumb
Last synced: 22 days ago
JSON representation
The purpose of this project is to showcase an Angular Project with a weather forecast capability.
- Host: GitHub
- URL: https://github.com/jeddsaliba/angular-rain-check
- Owner: jeddsaliba
- Created: 2024-03-18T12:21:40.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-04-01T07:16:10.000Z (9 months ago)
- Last Synced: 2024-10-16T19:15:33.505Z (2 months ago)
- Topics: angular, auth0, bootstrap, geoapify, material, ngrx, openweathermap, xng-breadcrumb
- Language: TypeScript
- Homepage: https://angular-rain-check.vercel.app
- Size: 213 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather Forecast
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.12.
The purpose of this project is to showcase an Angular Project with a weather forecast capability.
## Table of Contents
[Preview](#preview)
[Dependencies](#dependencies)
[Plugin(s) Used](#plugins-used)
[Installation](#installation)
[Development Server](#development-server)
[Support](#support)
## Preview
Here is a sneak peak of the web application: https://angular-rain-check.vercel.app
## Dependencies
- [NodeJS](https://nodejs.org)
- [Angular CLI](https://angular.io)
- [Auth0](https://auth0.com)
- For Auth0, you may modify the following in your `environment.ts` and `environment.prod.ts`:
```bash
auth: {
domain: 'AUTH0_DOMAIN',
clientId: 'AUTH0_CLIENT_ID'
},
```
- [Geoapify](https://www.geoapify.com)
- For Geoapify, you may modify the following in your `environment.ts` and `environment.prod.ts`:
```bash
geoapify: {
url: 'https://api.geoapify.com/v1',
key: 'GEOAPIFY_KEY'
}
```
- [OpenWeather](https://openweathermap.org)
- For OpenWeather, you may modify the following in your `environment.ts` and `environment.prod.ts`:
```bash
weather: {
url: 'https://api.openweathermap.org',
key: 'OPEN_WEATHER_KEY',
units: `imperial`
}
```
## Plugin(s) Used
- [Angular Material](https://material.angular.io)
- [NGRX](https://ngrx.io)
- [Bootstrap](https://getbootstrap.com)
- [Auth0-Angular](https://www.npmjs.com/package/@auth0/auth0-angular)
- [Geoapify Autocomplete](https://www.npmjs.com/package/@geoapify/geocoder-autocomplete)
- [title-case](https://www.npmjs.com/package/title-case)
- [xng-breadcrumb](https://www.npmjs.com/package/xng-breadcrumb)
## Installation
Install the `node_modules` using `npm`:
```bash
npm install
```
## Development Server
Run this command:
```bash
ng serve --live-reload false
```
After successfully running the development server, navigate to:
```bash
http://localhost:4200/
```
## Support
For support, email [email protected].