diff --git a/src/Components/Weather-App/App.tsx b/src/Components/Weather-App/App.tsx
index c262444..08f39db 100644
--- a/src/Components/Weather-App/App.tsx
+++ b/src/Components/Weather-App/App.tsx
@@ -3,7 +3,56 @@ import './App.css';
 
 const logo = require('./logo.svg');
 
+export interface ForecaseAtInstance {
+  dt: Number;
+  main: {
+    temp: Number;
+    temp_min: Number;
+    temp_max: Number;
+    pressure: Number;
+    sea_level: Number;
+    grnd_level: Number;
+    humidity: Number;
+    temp_kf: Number;
+  };
+
+  weather: [{
+    id: Number;
+    main: string; // Make enum
+    description: string;
+    icon: string;
+  }];
+
+  clouds: {
+    all: Number;
+  };
+
+  wind: {
+    speed: Number;
+    deg: Number;
+  };
+
+  dt_txt: string;
+}
+
+export interface Forecast5Days {
+  cnt: Number;
+  list: Array<ForecaseAtInstance>;
+}
+
 export class WeatherApp extends React.Component {
+  data: Forecast5Days;
+
+  componentDidMount() {
+    fetch('https://api.openweathermap.org/data/2.5/forecast?q=kolkata&appid=d65cee3c5866168080fa1c4177fdb4a8')
+      .then((response) => {
+        return response.json();
+      })
+      .then((responseObject) => {
+        this.data = responseObject as Forecast5Days;
+      });
+  }
+
   render() {
     return (
       <div className="App">