+ Water Monitoring System is an IOT based Liquid Level Monitoring system that has mechanisms to keep the user alerted in case of liquid overflow or when tank depletes.
+
+ );
+}
\ No newline at end of file
diff --git a/react-frontend/src/index.css b/react-frontend/src/index.css
new file mode 100644
index 00000000..2e7944b3
--- /dev/null
+++ b/react-frontend/src/index.css
@@ -0,0 +1,10 @@
+body {
+ margin: 0;
+ background-color: #fafafa;
+ font-family: "Montserrat", sans-serif;
+}
+
+code {
+ font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+ monospace;
+}
diff --git a/react-frontend/src/index.js b/react-frontend/src/index.js
new file mode 100644
index 00000000..bdd66d66
--- /dev/null
+++ b/react-frontend/src/index.js
@@ -0,0 +1,13 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import "bootstrap/dist/css/bootstrap.min.css";
+import "./index.css";
+import App from "./App";
+import * as serviceWorker from "./serviceWorker";
+
+ReactDOM.render(, document.getElementById("root"));
+
+// If you want your app to work offline and load faster, you can change
+// unregister() to register() below. Note this comes with some pitfalls.
+// Learn more about service workers: https://bit.ly/CRA-PWA
+serviceWorker.register();
diff --git a/react-frontend/src/logo.svg b/react-frontend/src/logo.svg
new file mode 100644
index 00000000..6b60c104
--- /dev/null
+++ b/react-frontend/src/logo.svg
@@ -0,0 +1,7 @@
+
diff --git a/react-frontend/src/pages/Home.js b/react-frontend/src/pages/Home.js
new file mode 100644
index 00000000..f2ca7c52
--- /dev/null
+++ b/react-frontend/src/pages/Home.js
@@ -0,0 +1,85 @@
+
+import React, { Component } from 'react'
+import {TankCircle, TankWaterValue} from '../components/Tank';
+import {Sticker} from '../components/Sticker'
+import { connect } from 'react-redux';
+import { fetchTanks } from '../actions/tankActions';
+import {overflowAlarm} from '../actions/alarms';
+
+
+class Home extends Component {
+ componentWillMount() {
+ this.props.fetchTanks();
+ }
+
+ render() {
+ return (
+
+
+
+
+
Water Monitoring System
+
+ Water Monitoring System is an IOT based Liquid Level Monitoring
+ system that has mechanisms to keep the user alerted in case of
+ liquid overflow or when tank depletes.
+