andela
diff --git a/‎.env.sample
+5-10 b/‎.env.sample
+5-10
diff --git a/‎index.html
+32 b/‎index.html
+32
@@ -4,31 +4,26 @@ DB_PASSWORD=123456
 DB_HOST=localhost || (127.0.0.1)
 DB_PORT=5432
 DB_DIALECT=postgres
+PORT=server_port || (5000)
 
 GEN_SALT_ROUND
 JWT_SECRET=
 
-
 FACEBOOK_CLIENT_ID
 FACEBOOK_CLIENT_SECRET
 FACEBOOK_CALLBACK_URL
 
-EMAIL_ADD:
-EMAIL_PASS:
-
 GOOGLE_CONSUMER_KEY
 GOOGLE_CONSUMER_SECRET
 GOOGLE_CALLBACK_URL
 
-
-
-PORT=server_port || (5000)
-
 JWT_EMAIL_SECRET
 EMAIL_ADD
 EMAIL_PASS
 
 SENDGRID_API
 
-SENDGRID_API_KEY
-
+PUSHER_APP_ID
+PUSHER_APP_KEY
+PUSHER_APP_SECRET
+PUSHER_APP_CLUSTER
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Testing Approved Travel Request Notification</title>
+		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+		<script src="https://js.pusher.com/4.1/pusher.min.js"></script>
+	</head>
+	<body>
+		<h1>Testing Approved Travel Request Notification</h1>
+		<h3>Updated some info...</h3>
+		<script>
+			const pusher = new Pusher('89356d2fe3911f22e19f', { cluster: 'eu' });
+
+			pusher.connection.bind('connected', () => {
+				axios.defaults.headers.common['X-Socket-Id'] =
+                    pusher.connection.socket_id;
+            });
+
+			Notification.requestPermission();
+			pusher
+				.subscribe('notifications')
+				.bind('new-travel-6749460', (notify) => {
+					const notification = new Notification(notify.title);
+					notification.onclick = function(event) {
+						window.location.href = `http://localhost:3000/api/v1/notification/${notify.id}`;
+						event.preventDefault();
+						notification.close();
+					};
+				});
+		</script>
+	</body>
+</html>