/TypescriptWeatherExample

Weather Example

Primary LanguageSCSS

Typescript Webpack

ECMAScript 6 project with Webpack and Typescript support for bundling and compiling to backward compatibility

Header

Requirements

Introduction

  • Webpack -> Webpack is a bundler for modules. Main purpose is to bundle JavaScript modules in a browser.

Goal

The Goal of this application is to bundle all the files in development process to a single file called bundle.js which will be deployed as a single file with retrocompatibility.

Webpack Flowchart

Setup

  1. Download node and run the following command.
npm install

  1. Start modifying the html, css and javascript files located in src folder.

  2. To start livewatch just run the following command.

npm run start:dev
  1. To deploy a new version just run npm run build-prod

Deployment

There are two build configurations, you can learn more here

To livewatch a dev environment run:

npm run start:dev

To create a production build:

npm run build-prod

To create a development build:

npm run build-dev

Networking

The weather information is requested by the open weather map API. It uses a free api token uploaded to be ready to use, feel free to create a new one for personal use.

Credits

The layout is based in this project created by Colin Espinas.