Implemented basic mvc architecture and dummy async API request

.gitignore

@@ -1,3 +1,6 @@
+# MacOS
+.DS_Store
+
 # Logs
 logs
 *.log

src/assets/css/weather.scss

@@ -0,0 +1,3 @@
+* {
+  color: red;
+}

src/controllers/weather_controller.js

@@ -0,0 +1,14 @@
+class WeatherController {
+  constructor(weatherModel, weatherView) {
+    this.weatherModel = weatherModel;
+    this.weatherView = weatherView;
+    this.weatherModel.updated.addListener(this.weatherView.update);
+  }
+
+  run() {
+    this.weatherView.render();
+    this.weatherModel.get();
+  }
+}
+
+export default WeatherController;

src/main.js

@@ -0,0 +1,9 @@
+import Weather from './models/weather';
+import WeatherView from './views/weather_view';
+import WeatherController from './controllers/weather_controller';
+
+const weather = new Weather('Dolartoday');
+const weatherView = new WeatherView;
+const app = new WeatherController(weather, weatherView);
+
+app.run();

src/models/event.js

@@ -0,0 +1,16 @@
+class Event {
+  constructor(sender) {
+    this.sender = sender;
+    this.listeners = [];
+  }
+
+  addListener(listener) {
+    this.listeners.push(listener);
+  }
+
+  notify(args) {
+    this.listeners.forEach(listener => listener(this.sender, args));
+  }
+}
+
+export default Event;

src/models/weather.js

@@ -0,0 +1,21 @@
+import Event from './event';
+
+class Weather {
+  constructor(location) {
+    this.location = location;
+    this.updated = new Event(this);
+  }
+
+  get() {
+    fetch('https://s3.amazonaws.com/dolartoday/data.json', { mode: 'cors' })
+      .then(response => response.json())
+      .then(data => { this.updated.notify(data['USD']['dolartoday']); });
+  }
+
+  changeLocation(location) {
+    this.location = location;
+    this.get();
+  }
+}
+
+export default Weather;

src/views/weather_view.js

@@ -0,0 +1,15 @@
+class WeatherView {
+  constructor() {
+
+  }
+
+  update(weather, response) {
+    document.body.innerHTML = weather.location + ': ' + response;
+  }
+
+  render() {
+    document.body.innerHTML = 'Plz wait...';
+  }
+}
+
+export default WeatherView;

webpack.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 
 module.exports = {
-  entry: './src/index.js',
+  entry: './src/main.js',
   output: {
     filename: 'bundle.js',
     path: path.resolve(__dirname, 'dist'),