diff --git a/src/components/Dashboard/LoginPage.jsx b/src/components/Dashboard/LoginPage.jsx
index 6327ef3..84d8a9c 100644
--- a/src/components/Dashboard/LoginPage.jsx
+++ b/src/components/Dashboard/LoginPage.jsx
@@ -8,9 +8,7 @@ import loginBackgroundTreeOne from '../../img/login-background-tree-1.png';
 import loginBackgroundTreeTwo from '../../img/login-background-tree-2.png';
 import loginBackgroundTreeInvertOne from '../../img/login-background-tree-invert-1.png';
 import loginBackgroundTreeInvertTwo from '../../img/login-background-tree-invert-2.png';
-import axios from 'axios'
-import {config} from '../../constants'
-import  { Redirect } from 'react-router-dom'
+import {getToken} from '../../services/hackathon';
 
 class LoginPage extends Component {
     state = {
@@ -50,36 +48,32 @@ class LoginPage extends Component {
 
 	handleClick(event){
 		
-
-		
-		 var apiBaseUrl = config.BASE_URL
 		 const payload={
 			 "email":this.state.username,
 			 "password":this.state.password
 		 }
+		 getToken(payload).then((data) => {
+			//console.log('token:', data);
 
-		 axios.post(apiBaseUrl+'/api/v1/account/login/', payload)
-				.then(function (response) {
-					console.log(response);
-
-					if(response.status === 200){
-						console.log("Login successfull");
-						return <Redirect to='/DashboardHome' />
-						/* page redirect or load profile */
+			if(data.status === 200){
+				console.log("Login successfull");
+				//return <Redirect to='/DashboardHome' />
+				/* page redirect or load profile */
+				// store token
+				localStorage.setItem("token", data.token);
+			}
+			else if(data.status === 204){
+				console.log("Username password do not match");
+				alert("username password do not match")
+			}
+			else{
+				console.log("Username does not exists");
+				alert("Username does not exist");
+			}
 
-					}
-					else if(response.status === 204){
-						 console.log("Username password do not match");
-						 alert("username password do not match")
-					}
-					else{
-						 console.log("Username does not exists");
-						 alert("Username does not exist");
-					}
-				})
-				.catch(function (error) {
-					console.log(error);
-				});
+			}).catch((err) => {
+			console.log(err);
+		 });
 	}
 
     render() {
diff --git a/src/services/hackathon.js b/src/services/hackathon.js
index 6022fff..f36c5d2 100644
--- a/src/services/hackathon.js
+++ b/src/services/hackathon.js
@@ -8,4 +8,23 @@ export const getAppStatus = payload => {
   ).catch((error) => {
     throw error;
   });
-};
\ No newline at end of file
+};
+
+export const getToken = payload => {
+	return axios.post(config.BASE_URL+'/api/v1/account/login/', payload)
+				.then(function (response) {
+					//console.log(response);
+					if(response.status === 200){
+						return {status:response.status, token:response.data.token};
+					}
+					else if(response.status === 204){
+						 return {status:response.status};
+					}
+					else{
+						return {status:404};
+					}
+				})
+				.catch(function (error) {
+					throw error;
+				});
+}
\ No newline at end of file