https://github.com/tborges/angular-material

Angular 5, Material, Node JS, Weather API
https://github.com/tborges/angular-material

angular-material angular5 nodejs sample-app weather-api

Last synced: about 2 months ago
JSON representation

Angular 5, Material, Node JS, Weather API

• Host: GitHub
• URL: https://github.com/tborges/angular-material
• Owner: tborges
• Created: 2018-07-12T23:36:23.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-06-10T11:28:31.000Z (over 1 year ago)
• Last Synced: 2024-05-01T14:46:56.869Z (8 months ago)
• Topics: angular-material, angular5, nodejs, sample-app, weather-api
• Language: HTML
• Homepage: https://Angular-Material.HerokuApp.com
• Size: 11.6 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular 5, Material, Node JS, Weather API

###### _In this sample app_, we're using 


 - Angular 5 [](https://angular.io/)

 - Angular Material [](https://material.angular.io/)

 - Node.js [](https://nodejs.org/en/) 

 - Express [](http://expressjs.com/)

 - npm [](https://www.npmjs.com/)



#### Demo: https://Angular-Material.HerokuApp.com

## Running Locally

Make sure you have [Node.js](https://nodejs.org/en/) and the [npm](https://docs.npmjs.com/) installed.

```sh

git clone [email protected]:tborges/angular-material.git # or clone your own fork

cd ng5-material

$ npm install

$ ng serve

```

## Deployment

Use `$ ng build --prod` if your application is ready for production. It will reduce the size and increase **speed** of your application on the web. 



`$ ng build` **VS.** `$ ng build --prod` 


My small application went from 23mb to 2mb.  





Loading time on 3G network: 8 seconds **FAIR**, 28% visitor loss due to loading time


**VS.**


Loading time on 3G network: 4 seconds **GOOD**, 10% visitor loss due to loading time





[![enter image description here][1]][1]

**VS.**

[![enter image description here][2]][2]

  [1]: https://i.stack.imgur.com/J5YfX.jpg

  [2]: https://i.stack.imgur.com/Qie3K.jpg

Feel free to fork, modify and have fun with it. If you hit bugs, fill issues on github [here](https://github.com/tborges/angular-material/issues). 


This sample app is under MIT license.