diff --git a/package-lock.json b/package-lock.json
index e8165d0c..056dce4d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "vrt-frontend",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -9463,6 +9463,15 @@
         "sort-keys": "^1.0.0"
       }
     },
+    "notistack": {
+      "version": "0.9.17",
+      "resolved": "https://registry.npmjs.org/notistack/-/notistack-0.9.17.tgz",
+      "integrity": "sha512-nypTN6sEe+q98wMaxF/UwatA1yAq948+bZOo9JKYR+tU65DW0ipWyx8DseJ3UJYvb6VDD+Fqo83qwayQ46bEEA==",
+      "requires": {
+        "clsx": "^1.1.0",
+        "hoist-non-react-statics": "^3.3.0"
+      }
+    },
     "npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
diff --git a/package.json b/package.json
index 584584ea..f81fc370 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "@testing-library/user-event": "^7.2.1",
     "konva": "^4.2.2",
     "material-ui-popup-state": "^1.6.1",
+    "notistack": "^0.9.17",
     "qs": "^6.9.4",
     "react": "^16.13.1",
     "react-debounce-input": "^3.2.2",
diff --git a/src/App.jsx b/src/App.jsx
index 00482241..a5c1b08d 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { SnackbarProvider } from 'notistack';
 import "./App.css";
 import Header from "./components/Header";
 import {
@@ -12,20 +13,22 @@ import { SocketProvider } from "./contexts/socket.context";
 
 function App() {
   return (
-    <div className="App">
-      <AuthProvider>
-        <ProjectProvider>
-          <BuildProvider>
-            <TestRunProvider>
-              <SocketProvider>
-                <Header />
-                <Router />
-              </SocketProvider>
-            </TestRunProvider>
-          </BuildProvider>
-        </ProjectProvider>
-      </AuthProvider>
-    </div>
+    <SnackbarProvider maxSnack={3}>
+      <div className="App">
+        <AuthProvider>
+          <ProjectProvider>
+            <BuildProvider>
+              <TestRunProvider>
+                <SocketProvider>
+                  <Header />
+                  <Router />
+                </SocketProvider>
+              </TestRunProvider>
+            </BuildProvider>
+          </ProjectProvider>
+        </AuthProvider>
+      </div>
+    </SnackbarProvider>
   );
 }
 
diff --git a/src/components/BuildList.tsx b/src/components/BuildList.tsx
index be953f5c..04186446 100644
--- a/src/components/BuildList.tsx
+++ b/src/components/BuildList.tsx
@@ -23,6 +23,7 @@ import {
 import { BuildStatusChip } from "./BuildStatusChip";
 import { SkeletonList } from "./SkeletonList";
 import { formatDateTime } from "../_helpers/format.helper";
+import { useSnackbar } from "notistack";
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -42,6 +43,7 @@ const BuildList: FunctionComponent = () => {
   const history = useHistory();
   const { buildList, selectedBuildId, loading } = useBuildState();
   const buildDispatch = useBuildDispatch();
+  const { enqueueSnackbar } = useSnackbar();
 
   return (
     <List>
@@ -98,7 +100,17 @@ const BuildList: FunctionComponent = () => {
             >
               <IconButton
                 onClick={() => {
-                  deleteBuild(buildDispatch, build.id);
+                  deleteBuild(buildDispatch, build.id)
+                    .then((b) =>
+                      enqueueSnackbar(`${b.id} removed`, {
+                        variant: "success",
+                      })
+                    )
+                    .catch((err) =>
+                      enqueueSnackbar(err, {
+                        variant: "error",
+                      })
+                    );
                 }}
               >
                 <Delete />
diff --git a/src/components/LoginForm.tsx b/src/components/LoginForm.tsx
index b1c41a85..be94d224 100644
--- a/src/components/LoginForm.tsx
+++ b/src/components/LoginForm.tsx
@@ -11,15 +11,21 @@ import {
 } from "@material-ui/core";
 import { useAuthDispatch, login } from "../contexts";
 import { routes } from "../constants";
+import { useSnackbar } from "notistack";
 
 const LoginForm = () => {
+  const { enqueueSnackbar } = useSnackbar();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const dispatch = useAuthDispatch();
 
   const handleSubmit = (event: FormEvent) => {
     event.preventDefault();
-    login(dispatch, email, password);
+    login(dispatch, email, password).catch((err) =>
+      enqueueSnackbar(err, {
+        variant: "error",
+      })
+    );
   };
 
   return (
diff --git a/src/components/RegisterForm.tsx b/src/components/RegisterForm.tsx
index 50830347..99cb3f77 100644
--- a/src/components/RegisterForm.tsx
+++ b/src/components/RegisterForm.tsx
@@ -9,8 +9,10 @@ import {
 } from "@material-ui/core";
 import { useAuthDispatch, login } from "../contexts";
 import { usersService } from "../services";
+import { useSnackbar } from "notistack";
 
 const RegisterForm = () => {
+  const { enqueueSnackbar } = useSnackbar();
   const [email, setEmail] = useState("");
   const [firstName, setFirstName] = useState("");
   const [lastName, setLastName] = useState("");
@@ -21,7 +23,12 @@ const RegisterForm = () => {
     event.preventDefault();
     usersService
       .register(firstName, lastName, email, password)
-      .then(() => login(dispatch, email, password));
+      .then(() => login(dispatch, email, password))
+      .catch((err) =>
+        enqueueSnackbar(err, {
+          variant: "error",
+        })
+      );
   };
 
   return (
diff --git a/src/components/TestDetailsModal.tsx b/src/components/TestDetailsModal.tsx
index 380a0f10..5b7d4a2a 100644
--- a/src/components/TestDetailsModal.tsx
+++ b/src/components/TestDetailsModal.tsx
@@ -40,6 +40,7 @@ import { routes } from "../constants";
 import { useTestRunDispatch, updateTestRun, selectTestRun } from "../contexts";
 import { DrawArea } from "./DrawArea";
 import { CommentsPopper } from "./CommentsPopper";
+import { useSnackbar } from "notistack";
 
 const useStyles = makeStyles((theme) => ({
   imageContainer: {
@@ -57,6 +58,7 @@ const TestDetailsModal: React.FunctionComponent<{
 }> = ({ testRun }) => {
   const classes = useStyles();
   const history = useHistory();
+  const { enqueueSnackbar } = useSnackbar();
   const testRunDispatch = useTestRunDispatch();
 
   const stageWidth = (window.innerWidth / 2) * 0.9;
@@ -177,6 +179,16 @@ const TestDetailsModal: React.FunctionComponent<{
                           .then((testRun) => {
                             updateTestRun(testRunDispatch, testRun);
                           })
+                          .then(() =>
+                            enqueueSnackbar("Approved", {
+                              variant: "success",
+                            })
+                          )
+                          .catch((err) =>
+                            enqueueSnackbar(err, {
+                              variant: "error",
+                            })
+                          )
                       }
                     >
                       Approve
@@ -186,9 +198,21 @@ const TestDetailsModal: React.FunctionComponent<{
                     <Button
                       color="secondary"
                       onClick={() =>
-                        testRunService.reject(testRun.id).then((testRun) => {
-                          updateTestRun(testRunDispatch, testRun);
-                        })
+                        testRunService
+                          .reject(testRun.id)
+                          .then((testRun) => {
+                            updateTestRun(testRunDispatch, testRun);
+                          })
+                          .then(() =>
+                            enqueueSnackbar("Rejected", {
+                              variant: "success",
+                            })
+                          )
+                          .catch((err) =>
+                            enqueueSnackbar(err, {
+                              variant: "error",
+                            })
+                          )
                       }
                     >
                       Reject
@@ -239,6 +263,16 @@ const TestDetailsModal: React.FunctionComponent<{
                     comment
                   ),
                 ])
+                  .then(() =>
+                    enqueueSnackbar("Comment updated", {
+                      variant: "success",
+                    })
+                  )
+                  .catch((err) =>
+                    enqueueSnackbar(err, {
+                      variant: "error",
+                    })
+                  )
               }
             />
           </Grid>
@@ -274,25 +308,39 @@ const TestDetailsModal: React.FunctionComponent<{
                 <Grid item>
                   <IconButton
                     disabled={isIgnoreAreasSaved()}
-                    onClick={() => {
-                      // update in test run
-                      testRunService
-                        .setIgnoreAreas(testRun.id, ignoreAreas)
-                        .then(() =>
+                    onClick={() =>
+                      Promise.all([
+                        // update in test run
+                        testRunService.setIgnoreAreas(testRun.id, ignoreAreas),
+                        // update in variation
+                        testVariationService.setIgnoreAreas(
+                          testRun.testVariationId,
+                          ignoreAreas
+                        ),
+                      ])
+                        .then(() => {
+                          enqueueSnackbar("Ignore areas are updated", {
+                            variant: "success",
+                          });
+
                           // recalculate diff
                           testRunService
                             .recalculateDiff(testRun.id)
                             .then((testRun) =>
                               updateTestRun(testRunDispatch, testRun)
                             )
-                        );
-
-                      // update in variation
-                      testVariationService.setIgnoreAreas(
-                        testRun.testVariationId,
-                        ignoreAreas
-                      );
-                    }}
+                            .then(() =>
+                              enqueueSnackbar("Diff recalculated", {
+                                variant: "success",
+                              })
+                            );
+                        })
+                        .catch((err) =>
+                          enqueueSnackbar(err, {
+                            variant: "error",
+                          })
+                        )
+                    }
                   >
                     <Save />
                   </IconButton>
diff --git a/src/components/TestRunList.tsx b/src/components/TestRunList.tsx
index 26f7177d..8306141c 100644
--- a/src/components/TestRunList.tsx
+++ b/src/components/TestRunList.tsx
@@ -25,10 +25,12 @@ import {
 } from "../contexts";
 import { Skeleton } from "@material-ui/lab";
 import { SkeletonList } from "./SkeletonList";
+import { useSnackbar } from "notistack";
 
 const TestRunList: React.FunctionComponent<{
   items: TestRun[];
 }> = ({ items }) => {
+  const { enqueueSnackbar } = useSnackbar();
   const { selectedTestRunId, loading } = useTestRunState();
   const testRunDispatch = useTestRunDispatch();
   const history = useHistory();
@@ -134,7 +136,17 @@ const TestRunList: React.FunctionComponent<{
           </MenuItem>
           <MenuItem
             onClick={() => {
-              deleteTestRun(testRunDispatch, selectedTestRun.id);
+              deleteTestRun(testRunDispatch, selectedTestRun.id)
+                .then((testRun) => {
+                  enqueueSnackbar(`Deleted`, {
+                    variant: "success",
+                  });
+                })
+                .catch((err) =>
+                  enqueueSnackbar(err, {
+                    variant: "error",
+                  })
+                );
               handleClose();
             }}
           >
diff --git a/src/components/TestVariationMergeForm.tsx b/src/components/TestVariationMergeForm.tsx
index 0033979d..44e8a351 100644
--- a/src/components/TestVariationMergeForm.tsx
+++ b/src/components/TestVariationMergeForm.tsx
@@ -3,6 +3,7 @@ import { Grid, Select, MenuItem, Button } from "@material-ui/core";
 import { testVariationService } from "../services";
 import { useHistory } from "react-router-dom";
 import { buildBuildPageUrl } from "../_helpers/route.helpers";
+import { useSnackbar } from "notistack";
 
 interface IProps {
   projectId: string;
@@ -14,13 +15,24 @@ export const TestVariationMergeForm: React.FunctionComponent<IProps> = ({
   items,
 }) => {
   const history = useHistory();
+  const { enqueueSnackbar } = useSnackbar();
   const [branch, setBranch] = React.useState("");
 
   const handleSubmit = (event: React.FormEvent) => {
     event.preventDefault();
-    testVariationService.merge(projectId, branch).then((build) => {
-      history.push(buildBuildPageUrl(projectId, build.id));
-    });
+    testVariationService
+      .merge(projectId, branch)
+      .then((build) => {
+        enqueueSnackbar(`Merge started in build: ${build.id}`, {
+          variant: "success",
+        });
+        history.push(buildBuildPageUrl(projectId, build.id));
+      })
+      .catch((err) =>
+        enqueueSnackbar(err, {
+          variant: "error",
+        })
+      );
   };
 
   return (
diff --git a/src/contexts/auth.context.tsx b/src/contexts/auth.context.tsx
index 89ecf439..ba6e264d 100644
--- a/src/contexts/auth.context.tsx
+++ b/src/contexts/auth.context.tsx
@@ -2,11 +2,6 @@ import * as React from "react";
 import { User } from "../types";
 import { usersService } from "../services";
 
-interface IRequestAction {
-  type: "request";
-  payload?: undefined;
-}
-
 interface ISuccessAction {
   type: "success";
   payload: User;
@@ -17,7 +12,7 @@ interface ILogoutAction {
   payload?: undefined;
 }
 
-type IAction = IRequestAction | ISuccessAction | ILogoutAction;
+type IAction = ISuccessAction | ILogoutAction;
 
 type Dispatch = (action: IAction) => void;
 type State = { loggedIn: boolean; user?: User };
@@ -36,9 +31,6 @@ const initialState: State = {
 
 function authReducer(state: State, action: IAction): State {
   switch (action.type) {
-    case "request": {
-      return { loggedIn: false, user: action.payload };
-    }
     case "success":
       return {
         loggedIn: true,
@@ -82,27 +74,27 @@ function useAuthDispatch() {
 }
 
 async function login(dispatch: Dispatch, email: string, password: string) {
-  dispatch({ type: "request" });
-
-  usersService
-    .login(email, password)
-    .then((user) => {
-      dispatch({ type: "success", payload: user });
-    })
-    .catch((error) => {
-      console.log(error.toString());
-    });
+  return usersService.login(email, password).then((user) => {
+    dispatch({ type: "success", payload: user });
+  });
 }
 
-async function update(dispatch: Dispatch, user: User) {
-  dispatch({ type: "request" });
-
-  usersService.update(user)
+async function update(
+  dispatch: Dispatch,
+  {
+    firstName,
+    lastName,
+    email,
+  }: { firstName: string; lastName: string; email: string }
+) {
+  return usersService
+    .update({
+      firstName,
+      lastName,
+      email,
+    })
     .then((user) => {
       dispatch({ type: "success", payload: user });
-    })
-    .catch((error) => {
-      console.log(error.toString());
     });
 }
 
diff --git a/src/contexts/build.context.tsx b/src/contexts/build.context.tsx
index 0f2aede6..a079785f 100644
--- a/src/contexts/build.context.tsx
+++ b/src/contexts/build.context.tsx
@@ -93,7 +93,7 @@ function buildReducer(state: State, action: IAction): State {
         ...state,
         buildList: state.buildList.map((p) => {
           if (p.id === action.payload.id) {
-            return action.payload
+            return action.payload;
           }
           return p;
         }),
@@ -134,27 +134,16 @@ function useBuildDispatch() {
 async function getBuildList(dispatch: Dispatch, id: string) {
   dispatch({ type: "request" });
 
-  buildsService
-    .getList(id)
-    .then((items) => {
-      dispatch({ type: "get", payload: items });
-    })
-    .catch((error) => {
-      console.log(error.toString());
-    });
+  return buildsService.getList(id).then((items) => {
+    dispatch({ type: "get", payload: items });
+  });
 }
 
 async function deleteBuild(dispatch: Dispatch, id: string) {
-  buildsService
-    .remove(id)
-    .then((isDeleted) => {
-      if (isDeleted) {
-        dispatch({ type: "delete", payload: id });
-      }
-    })
-    .catch((error) => {
-      console.log(error.toString());
-    });
+  return buildsService.remove(id).then((build) => {
+    dispatch({ type: "delete", payload: id });
+    return build;
+  });
 }
 
 async function selectBuild(dispatch: Dispatch, id: string) {
diff --git a/src/contexts/project.context.tsx b/src/contexts/project.context.tsx
index 1f6fe568..83a0ebd8 100644
--- a/src/contexts/project.context.tsx
+++ b/src/contexts/project.context.tsx
@@ -1,7 +1,6 @@
 import * as React from "react";
 import { Project } from "../types";
 import { projectsService } from "../services";
-import { useAuthState } from "./auth.context";
 
 interface IRequestAction {
   type: "request";
@@ -83,13 +82,6 @@ function projectReducer(state: State, action: IAction): State {
 
 function ProjectProvider({ children }: ProjectProviderProps) {
   const [state, dispatch] = React.useReducer(projectReducer, initialState);
-  const { loggedIn } = useAuthState();
-
-  React.useEffect(() => {
-    if (loggedIn) {
-      getProjectList(dispatch);
-    }
-  }, [loggedIn]);
 
   return (
     <ProjectStateContext.Provider value={state}>
@@ -119,14 +111,9 @@ function useProjectDispatch() {
 async function getProjectList(dispatch: Dispatch) {
   dispatch({ type: "request" });
 
-  projectsService
-    .getAll()
-    .then((projects) => {
-      dispatch({ type: "get", payload: projects });
-    })
-    .catch((error) => {
-      console.log(error.toString());
-    });
+  return projectsService.getAll().then((projects) => {
+    dispatch({ type: "get", payload: projects });
+  });
 }
 
 async function createProject(
@@ -135,14 +122,10 @@ async function createProject(
 ) {
   dispatch({ type: "request" });
 
-  projectsService
-    .create(project)
-    .then((project: Project) => {
-      dispatch({ type: "create", payload: project });
-    })
-    .catch((error) => {
-      console.log(error.toString());
-    });
+  return projectsService.create(project).then((project: Project) => {
+    dispatch({ type: "create", payload: project });
+    return project;
+  });
 }
 
 async function updateProject(
@@ -151,29 +134,19 @@ async function updateProject(
 ) {
   dispatch({ type: "request" });
 
-  projectsService
-    .update(project)
-    .then((project: Project) => {
-      dispatch({ type: "update", payload: project });
-    })
-    .catch((error) => {
-      console.log(error.toString());
-    });
+  return projectsService.update(project).then((project: Project) => {
+    dispatch({ type: "update", payload: project });
+    return project;
+  });
 }
 
 async function deleteProject(dispatch: Dispatch, id: string) {
   dispatch({ type: "request" });
 
-  projectsService
-    .remove(id)
-    .then((isDeleted) => {
-      if (isDeleted) {
-        dispatch({ type: "delete", payload: id });
-      }
-    })
-    .catch((error) => {
-      console.log(error.toString());
-    });
+  return projectsService.remove(id).then((project) => {
+    dispatch({ type: "delete", payload: id });
+    return project;
+  });
 }
 
 export {
diff --git a/src/contexts/testRun.context.tsx b/src/contexts/testRun.context.tsx
index f2944c8e..74e89b56 100644
--- a/src/contexts/testRun.context.tsx
+++ b/src/contexts/testRun.context.tsx
@@ -165,27 +165,16 @@ function useTestRunDispatch() {
 async function getTestRunList(dispatch: Dispatch, buildId: string) {
   dispatch({ type: "request" });
 
-  testRunService
-    .getList(buildId)
-    .then((items) => {
-      dispatch({ type: "get", payload: items });
-    })
-    .catch((error) => {
-      console.log(error.toString());
-    });
+  return testRunService.getList(buildId).then((items) => {
+    dispatch({ type: "get", payload: items });
+  });
 }
 
 async function deleteTestRun(dispatch: Dispatch, id: string) {
-  testRunService
-    .remove(id)
-    .then((isDeleted) => {
-      if (isDeleted) {
-        dispatch({ type: "delete", payload: id });
-      }
-    })
-    .catch((error) => {
-      console.log(error.toString());
-    });
+  return testRunService.remove(id).then((testRun) => {
+    dispatch({ type: "delete", payload: id });
+    return testRun;
+  });
 }
 
 async function selectTestRun(dispatch: Dispatch, id: string | undefined) {
diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx
index 02868f50..b47e96f7 100644
--- a/src/pages/ProfilePage.tsx
+++ b/src/pages/ProfilePage.tsx
@@ -8,14 +8,12 @@ import {
   Button,
   Typography,
 } from "@material-ui/core";
-import {
-  useAuthState,
-  useAuthDispatch,
-  update,
-} from "../contexts";
+import { useAuthState, useAuthDispatch, update } from "../contexts";
 import { usersService } from "../services";
+import { useSnackbar } from "notistack";
 
 const ProfilePage = () => {
+  const { enqueueSnackbar } = useSnackbar();
   const { user } = useAuthState();
   const dispatch = useAuthDispatch();
   const [email, setEmail] = useState(user?.email);
@@ -26,23 +24,42 @@ const ProfilePage = () => {
   const handleUserUpdateSubmit = (event: FormEvent) => {
     event.preventDefault();
     if (user && firstName && lastName && email) {
-      usersService
-        .update({
-          id: user.id,
-          firstName,
-          lastName,
-          email,
-        })
-        .then((user) => update(dispatch, user));
+      update(dispatch, {
+        firstName,
+        lastName,
+        email,
+      })
+        .then(() =>
+          enqueueSnackbar("User updated", {
+            variant: "success",
+          })
+        )
+        .catch((err) =>
+          enqueueSnackbar(err, {
+            variant: "error",
+          })
+        );
     }
   };
 
   const handlePasswordUpdateSubmit = (event: FormEvent) => {
     event.preventDefault();
     if (user && password) {
-      usersService.changePassword(password).then((isChanged) => {
-        setPassword("");
-      });
+      usersService
+        .changePassword(password)
+        .then((isChanged) => {
+          setPassword("");
+        })
+        .then(() =>
+          enqueueSnackbar("Password updated", {
+            variant: "success",
+          })
+        )
+        .catch((err) =>
+          enqueueSnackbar(err, {
+            variant: "error",
+          })
+        );
     }
   };
 
diff --git a/src/pages/ProjectListPage.tsx b/src/pages/ProjectListPage.tsx
index b26a23fa..b364a3b2 100644
--- a/src/pages/ProjectListPage.tsx
+++ b/src/pages/ProjectListPage.tsx
@@ -25,9 +25,11 @@ import { Delete, Add, Edit } from "@material-ui/icons";
 import { routes } from "../constants";
 import { formatDateTime } from "../_helpers/format.helper";
 import { ProjectModal } from "../components/ProjectModal";
+import { useSnackbar } from "notistack";
 
 const ProjectsListPage = () => {
   const theme = useTheme();
+  const { enqueueSnackbar } = useSnackbar();
   const projectState = useProjectState();
   const projectDispatch = useProjectDispatch();
 
@@ -44,8 +46,12 @@ const ProjectsListPage = () => {
   });
 
   useEffect(() => {
-    getProjectList(projectDispatch);
-  }, [projectDispatch]);
+    getProjectList(projectDispatch).catch((err) =>
+      enqueueSnackbar(err, {
+        variant: "error",
+      })
+    );
+  }, [projectDispatch, enqueueSnackbar]);
 
   const toggleCreateDialogOpen = () => {
     setCreateDialogOpen(!createDialogOpen);
@@ -92,9 +98,18 @@ const ProjectsListPage = () => {
             onCancel={toggleCreateDialogOpen}
             projectState={[project, setProject]}
             onSubmit={() =>
-              createProject(projectDispatch, project).then((project) => {
-                toggleCreateDialogOpen();
-              })
+              createProject(projectDispatch, project)
+                .then((project) => {
+                  toggleCreateDialogOpen();
+                  enqueueSnackbar(`${project.name} created`, {
+                    variant: "success",
+                  });
+                })
+                .catch((err) =>
+                  enqueueSnackbar(err, {
+                    variant: "error",
+                  })
+                )
             }
           />
 
@@ -105,9 +120,18 @@ const ProjectsListPage = () => {
             onCancel={toggleUpdateDialogOpen}
             projectState={[project, setProject]}
             onSubmit={() =>
-              updateProject(projectDispatch, project).then((project) => {
-                toggleUpdateDialogOpen();
-              })
+              updateProject(projectDispatch, project)
+                .then((project) => {
+                  toggleUpdateDialogOpen();
+                  enqueueSnackbar(`${project.name} updated`, {
+                    variant: "success",
+                  });
+                })
+                .catch((err) =>
+                  enqueueSnackbar(err, {
+                    variant: "error",
+                  })
+                )
             }
           />
         </Grid>
@@ -143,7 +167,17 @@ const ProjectsListPage = () => {
                 </IconButton>
                 <IconButton
                   onClick={(event: React.MouseEvent<HTMLElement>) => {
-                    deleteProject(projectDispatch, project.id);
+                    deleteProject(projectDispatch, project.id)
+                      .then((project) => {
+                        enqueueSnackbar(`${project.name} deleted`, {
+                          variant: "success",
+                        });
+                      })
+                      .catch((err) =>
+                        enqueueSnackbar(err, {
+                          variant: "error",
+                        })
+                      );
                   }}
                 >
                   <Delete />
diff --git a/src/pages/ProjectPage.tsx b/src/pages/ProjectPage.tsx
index 7d627aaa..3fbf1196 100644
--- a/src/pages/ProjectPage.tsx
+++ b/src/pages/ProjectPage.tsx
@@ -27,6 +27,7 @@ import {
   selectTestRun,
   getTestRunList,
 } from "../contexts";
+import { useSnackbar } from "notistack";
 
 const getQueryParams = (guery: string) => {
   const queryParams = qs.parse(guery, { ignoreQueryPrefix: true });
@@ -67,6 +68,7 @@ const ProjectPage = () => {
   const { projectId } = useParams();
   const location = useLocation();
   const history = useHistory();
+  const { enqueueSnackbar } = useSnackbar();
   const { buildList, selectedBuildId } = useBuildState();
   const buildDispatch = useBuildDispatch();
   const {
@@ -87,15 +89,23 @@ const ProjectPage = () => {
 
   useEffect(() => {
     if (projectId) {
-      getBuildList(buildDispatch, projectId);
+      getBuildList(buildDispatch, projectId).catch((err) =>
+        enqueueSnackbar(err, {
+          variant: "error",
+        })
+      );
     }
-  }, [projectId, buildDispatch]);
+  }, [projectId, buildDispatch, enqueueSnackbar]);
 
   useEffect(() => {
     if (selectedBuildId) {
-      getTestRunList(testRunDispatch, selectedBuildId);
+      getTestRunList(testRunDispatch, selectedBuildId).catch((err) =>
+        enqueueSnackbar(err, {
+          variant: "error",
+        })
+      );
     }
-  }, [selectedBuildId, testRunDispatch]);
+  }, [selectedBuildId, testRunDispatch, enqueueSnackbar]);
 
   useEffect(() => {
     const queryParams = getQueryParams(location.search);
diff --git a/src/pages/TestVariationDetailsPage.tsx b/src/pages/TestVariationDetailsPage.tsx
index b4641fb0..e1a80776 100644
--- a/src/pages/TestVariationDetailsPage.tsx
+++ b/src/pages/TestVariationDetailsPage.tsx
@@ -20,6 +20,7 @@ import {
   useTestRunDispatch,
   selectTestRun,
 } from "../contexts";
+import { useSnackbar } from "notistack";
 
 const useStyles = makeStyles({
   media: {
@@ -31,6 +32,7 @@ const useStyles = makeStyles({
 const TestVariationDetailsPage: React.FunctionComponent = () => {
   const classes = useStyles();
   const history = useHistory();
+  const { enqueueSnackbar } = useSnackbar();
   const buildDispatch = useBuildDispatch();
   const testRunDispatch = useTestRunDispatch();
   const { testVariationId } = useParams();
@@ -38,11 +40,18 @@ const TestVariationDetailsPage: React.FunctionComponent = () => {
 
   React.useEffect(() => {
     if (testVariationId) {
-      testVariationService.getDetails(testVariationId).then((item) => {
-        setTestVariation(item);
-      });
+      testVariationService
+        .getDetails(testVariationId)
+        .then((item) => {
+          setTestVariation(item);
+        })
+        .catch((err) =>
+          enqueueSnackbar(err, {
+            variant: "error",
+          })
+        );
     }
-  }, [testVariationId]);
+  }, [testVariationId, enqueueSnackbar]);
 
   return (
     <React.Fragment>
diff --git a/src/pages/TestVariationListPage.tsx b/src/pages/TestVariationListPage.tsx
index 8f617f4a..8d83b9cb 100644
--- a/src/pages/TestVariationListPage.tsx
+++ b/src/pages/TestVariationListPage.tsx
@@ -7,8 +7,10 @@ import { Container, Box, Grid, Typography } from "@material-ui/core";
 import ProjectSelect from "../components/ProjectSelect";
 import Filters from "../components/Filters";
 import { TestVariationMergeForm } from "../components/TestVariationMergeForm";
+import { useSnackbar } from "notistack";
 
 const TestVariationListPage: React.FunctionComponent = () => {
+  const { enqueueSnackbar } = useSnackbar();
   const { projectId = "" } = useParams();
   const [testVariations, setTestVariations] = React.useState<TestVariation[]>(
     []
@@ -25,11 +27,18 @@ const TestVariationListPage: React.FunctionComponent = () => {
 
   React.useEffect(() => {
     if (projectId) {
-      testVariationService.getList(projectId).then((testVariations) => {
-        setTestVariations(testVariations);
-      });
+      testVariationService
+        .getList(projectId)
+        .then((testVariations) => {
+          setTestVariations(testVariations);
+        })
+        .catch((err) =>
+          enqueueSnackbar(err, {
+            variant: "error",
+          })
+        );
     }
-  }, [projectId]);
+  }, [projectId, enqueueSnackbar]);
 
   React.useEffect(() => {
     setFilteredItems(
@@ -46,9 +55,19 @@ const TestVariationListPage: React.FunctionComponent = () => {
   }, [query, branchName, os, device, browser, viewport, testVariations]);
 
   const handleDelete = (id: string) => {
-    testVariationService.remove(id).then((item) => {
-      setTestVariations(testVariations.filter((i) => i.id !== item.id));
-    });
+    testVariationService
+      .remove(id)
+      .then((item) => {
+        setTestVariations(testVariations.filter((i) => i.id !== item.id));
+        enqueueSnackbar("Deleted", {
+          variant: "success",
+        });
+      })
+      .catch((err) =>
+        enqueueSnackbar(err, {
+          variant: "error",
+        })
+      );
   };
 
   return (
diff --git a/src/services/builds.service.ts b/src/services/builds.service.ts
index 801e96d2..f1ebdae1 100644
--- a/src/services/builds.service.ts
+++ b/src/services/builds.service.ts
@@ -20,7 +20,7 @@ function getList(projectId: string): Promise<Build[]> {
   );
 }
 
-function remove(id: string): Promise<number> {
+function remove(id: string): Promise<Build> {
   const requestOptions = {
     method: "DELETE",
     headers: authHeader(),
diff --git a/src/services/projects.service.ts b/src/services/projects.service.ts
index f4446849..7f3c2b26 100644
--- a/src/services/projects.service.ts
+++ b/src/services/projects.service.ts
@@ -18,7 +18,7 @@ function getAll(): Promise<Project[]> {
   return fetch(`${API_URL}/projects`, requestOptions).then(handleResponse);
 }
 
-function remove(id: string): Promise<number> {
+function remove(id: string): Promise<Project> {
   const requestOptions = {
     method: "DELETE",
     headers: authHeader(),
diff --git a/src/services/testRun.service.ts b/src/services/testRun.service.ts
index 9e28358a..12e6f609 100644
--- a/src/services/testRun.service.ts
+++ b/src/services/testRun.service.ts
@@ -15,7 +15,7 @@ export const testRunService = {
   setComment,
 };
 
-function getList(buildId: string): Promise<TestRun[]> {
+async function getList(buildId: string): Promise<TestRun[]> {
   const requestOptions = {
     method: "GET",
     headers: authHeader(),
@@ -27,7 +27,7 @@ function getList(buildId: string): Promise<TestRun[]> {
   ).then(handleResponse);
 }
 
-function remove(id: string): Promise<Number> {
+async function remove(id: string): Promise<TestRun> {
   const requestOptions = {
     method: "DELETE",
     headers: authHeader(),
@@ -38,7 +38,7 @@ function remove(id: string): Promise<Number> {
   );
 }
 
-function recalculateDiff(id: string): Promise<TestRun> {
+async function recalculateDiff(id: string): Promise<TestRun> {
   const requestOptions = {
     method: "GET",
     headers: authHeader(),
@@ -50,7 +50,7 @@ function recalculateDiff(id: string): Promise<TestRun> {
   ).then(handleResponse);
 }
 
-function approve(id: string, merge: boolean): Promise<TestRun> {
+async function approve(id: string, merge: boolean): Promise<TestRun> {
   const requestOptions = {
     method: "GET",
     headers: authHeader(),
@@ -62,7 +62,7 @@ function approve(id: string, merge: boolean): Promise<TestRun> {
   ).then(handleResponse);
 }
 
-function reject(id: string): Promise<TestRun> {
+async function reject(id: string): Promise<TestRun> {
   const requestOptions = {
     method: "GET",
     headers: authHeader(),
@@ -73,7 +73,7 @@ function reject(id: string): Promise<TestRun> {
   );
 }
 
-function setIgnoreAreas(
+async function setIgnoreAreas(
   id: string,
   ignoreAreas: IgnoreArea[]
 ): Promise<TestRun> {
@@ -89,7 +89,7 @@ function setIgnoreAreas(
   ).then(handleResponse);
 }
 
-function setComment(id: string, comment: string): Promise<TestRun> {
+async function setComment(id: string, comment: string): Promise<TestRun> {
   const requestOptions = {
     method: "PUT",
     headers: { "Content-Type": "application/json", ...authHeader() },
diff --git a/src/services/testVariation.service.ts b/src/services/testVariation.service.ts
index d405a5c3..acbd31df 100644
--- a/src/services/testVariation.service.ts
+++ b/src/services/testVariation.service.ts
@@ -14,7 +14,7 @@ export const testVariationService = {
   remove,
 };
 
-function getList(projectId: String): Promise<TestVariation[]> {
+async function getList(projectId: String): Promise<TestVariation[]> {
   const requestOptions = {
     method: "GET",
     headers: authHeader(),
@@ -26,7 +26,7 @@ function getList(projectId: String): Promise<TestVariation[]> {
   ).then(handleResponse);
 }
 
-function getDetails(id: String): Promise<TestVariation> {
+async function getDetails(id: String): Promise<TestVariation> {
   const requestOptions = {
     method: "GET",
     headers: authHeader(),
@@ -37,7 +37,7 @@ function getDetails(id: String): Promise<TestVariation> {
   );
 }
 
-function setIgnoreAreas(
+async function setIgnoreAreas(
   variationId: string,
   ignoreAreas: IgnoreArea[]
 ): Promise<TestVariation> {
@@ -53,7 +53,7 @@ function setIgnoreAreas(
   ).then(handleResponse);
 }
 
-function setComment(id: string, comment: string): Promise<TestVariation> {
+async function setComment(id: string, comment: string): Promise<TestVariation> {
   const requestOptions = {
     method: "PUT",
     headers: { "Content-Type": "application/json", ...authHeader() },
@@ -65,7 +65,7 @@ function setComment(id: string, comment: string): Promise<TestVariation> {
   );
 }
 
-function merge(projectId: String, branchName: String): Promise<Build> {
+async function merge(projectId: String, branchName: String): Promise<Build> {
   const requestOptions = {
     method: "GET",
     headers: authHeader(),
@@ -77,7 +77,7 @@ function merge(projectId: String, branchName: String): Promise<Build> {
   ).then(handleResponse);
 }
 
-function remove(id: String): Promise<TestVariation> {
+async function remove(id: String): Promise<TestVariation> {
   const requestOptions = {
     method: "DELETE",
     headers: authHeader(),
diff --git a/src/services/users.service.ts b/src/services/users.service.ts
index d9bc5657..d8ae61d6 100644
--- a/src/services/users.service.ts
+++ b/src/services/users.service.ts
@@ -42,7 +42,7 @@ function register(firstName: string, lastName: string, email: string, password:
     });
 }
 
-function update({ id, firstName, lastName, email }: { id: string, firstName: string, lastName: string, email: string }): Promise<User> {
+function update({ firstName, lastName, email }: { firstName: string, lastName: string, email: string }): Promise<User> {
   const requestOptions = {
     method: "PUT",
     headers: { "Content-Type": "application/json", ...authHeader() },