Skip to content

Learn Angular, Material, RxJS fundemantals using OpenWeatherMap.org APIs

License

Notifications You must be signed in to change notification settings

jdstockdale/local-weather-app

 
 

Repository files navigation

LocalCast Weather

Learn Angular, Angular Material, RxJS fundementals with LocalCast Weather using the Kanban method.

Waffle.io - Columns and their card count

Get the book

LocalCast Weather has been developed in support of my book Angular 6 for Enterprise-Ready Web Applications. You can get the book on http://AngularForEnterprise.com.

Check out LemonMart, an Angular 6 Grocery Store LOB App implemented with a Router-first architecture, at https://github.com/duluca/lemon-mart.

Build, debug and publish Docker images with npm Scripts for Docker and achieve Blue-Green deployments on AWS Fargate with npm Scripts for AWS.

Build

  • npm run build:prod to build a production optimized version of the app.
  • npm run docker:debug to run tests and build a containerized version of the app.

Developers

Pre-requisites

  • Do NOT install @angular/cli or typescript globally to avoid version mismatch issues across multiple projects.
  • Run npx @angular/cli new app-name --routing to create a new Angular app with basic routing wired.
    • If you have trouble with this command, try npx -p @angular/cli new app-name --routing
  • To run ng commands from within the project directory, preprend npx to commands, like npx ng build.
  • To continue using ng without having to prepend npx, configure shell autofallback as described here: https://www.npmjs.com/package/npx#shell-auto-fallback.

During Development

  • Run npm start for a developmenet server. Navigate to http://localhost:5000/. The app will automatically reload if you change any of the source files.
  • Run npm test to execute the unit tests via Karma.
  • Run npm run e2e to execute the end-to-end tests via Protractor.

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.

Further help with Angular CLI

This project was generated with Angular CLI version 1.6.3. To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Full-Stack Setup with Docker Compose and Deploying to AWS

See my example project here https://github.com/excellalabs/minimal-mean

About

Learn Angular, Material, RxJS fundemantals using OpenWeatherMap.org APIs

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 81.0%
  • HTML 8.7%
  • JavaScript 7.4%
  • CSS 2.1%
  • Dockerfile 0.8%