Weather Forecast

This project was generated with 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
Dependencies
Plugin(s) Used
Installation
Development Server
Support

Preview

Here is a sneak peak of the web application: https://angular-rain-check.vercel.app

Dependencies

• NodeJS
• Angular CLI
• Auth0
  • For Auth0, you may modify the following in your environment.ts and environment.prod.ts:

    auth: {
      domain: 'AUTH0_DOMAIN',
      clientId: 'AUTH0_CLIENT_ID'
    },

• Geoapify
  • For Geoapify, you may modify the following in your environment.ts and environment.prod.ts:

    geoapify: {
      url: 'https://api.geoapify.com/v1',
      key: 'GEOAPIFY_KEY'
    }

• OpenWeather
  • For OpenWeather, you may modify the following in your environment.ts and environment.prod.ts:

    weather: {
      url: 'https://api.openweathermap.org',
      key: 'OPEN_WEATHER_KEY',
      units: `imperial`
    }

Plugin(s) Used

• Angular Material
• NGRX
• Bootstrap
• Auth0-Angular
• Geoapify Autocomplete
• title-case
• xng-breadcrumb

Installation

Install the node_modules using npm:

npm install

Development Server

Run this command:

ng serve --live-reload false

After successfully running the development server, navigate to:

http://localhost:4200/

Support

For support, email jeddsaliba@gmail.com.