diff --git a/packages/backend/src/infrastructure/express/router/user.routes.ts b/packages/backend/src/infrastructure/express/router/user.routes.ts
index 25327398..d5fc2f46 100644
--- a/packages/backend/src/infrastructure/express/router/user.routes.ts
+++ b/packages/backend/src/infrastructure/express/router/user.routes.ts
@@ -15,7 +15,7 @@ export class UserRoutes extends CommonRoutesConfig {
     this.app
       .route(`${apiVersionPrefix}/users`)
       .get((req, res) => userController.getAll(req, res))
-      .post((req, res) => userController.create(req, res))
+      .post((req, res) => userController.createUser(req, res))
 
     this.app
       .route(`${apiVersionPrefix}/users/:userId`)
diff --git a/packages/backend/src/modules/user/user.controller.ts b/packages/backend/src/modules/user/user.controller.ts
index f5a3220a..1da1d89b 100644
--- a/packages/backend/src/modules/user/user.controller.ts
+++ b/packages/backend/src/modules/user/user.controller.ts
@@ -23,7 +23,7 @@ export class UserController {
     this._service = service
   }
 
-  async create(req: express.Request, res: express.Response) {
+  async createUser(req: express.Request, res: express.Response) {
     try {
       const createUserCommand: CreateUserCommand = req.body
       const createdUser: User = await this._service.create(createUserCommand)
diff --git a/packages/backend/src/modules/user/user.repository.ts b/packages/backend/src/modules/user/user.repository.ts
index 34a83566..f4fd6640 100644
--- a/packages/backend/src/modules/user/user.repository.ts
+++ b/packages/backend/src/modules/user/user.repository.ts
@@ -21,7 +21,7 @@ export class UserRepository {
     this._mapper = mapper
   }
 
-  async create(command: CreateUserCommand): Promise<User> {
+  async createUser(command: CreateUserCommand): Promise<User> {
     try {
       const newUser: UserDocument = await this._model.create(command)
       return this._mapper.mapToDomain(newUser)
diff --git a/packages/backend/src/modules/user/user.service.ts b/packages/backend/src/modules/user/user.service.ts
index 3845b17f..e89e5d06 100644
--- a/packages/backend/src/modules/user/user.service.ts
+++ b/packages/backend/src/modules/user/user.service.ts
@@ -11,7 +11,7 @@ export class UserService {
   }
 
   async create(dto: CreateUserCommand): Promise<User> {
-    return this._repository.create(dto)
+    return this._repository.createUser(dto)
   }
 
   async updateOneById(id: string, dto: UpdateUserCommand): Promise<User> {
diff --git a/packages/frontend/src/components/Comment/Comment.tsx b/packages/frontend/src/components/Comment/Comment.tsx
index e75e55fe..e95e4564 100644
--- a/packages/frontend/src/components/Comment/Comment.tsx
+++ b/packages/frontend/src/components/Comment/Comment.tsx
@@ -27,7 +27,7 @@ const Comment = ({
   return (
     <Container>
       <div className={classes.divUserInfo}>
-        <Avatar radius="md" src={userData.profilePictureURL} />
+        <Avatar radius="md" src={userData.avatarUrl} />
 
         <div>
           <div className={classes.name}>{userData.username}</div>
diff --git a/packages/frontend/src/components/DashboardDrawer/DashboardDrawer.tsx b/packages/frontend/src/components/DashboardDrawer/DashboardDrawer.tsx
index db62071d..d4c651e2 100644
--- a/packages/frontend/src/components/DashboardDrawer/DashboardDrawer.tsx
+++ b/packages/frontend/src/components/DashboardDrawer/DashboardDrawer.tsx
@@ -1,5 +1,6 @@
 import { Drawer, Divider, Text, ScrollArea } from '@mantine/core'
 import { FaUser } from 'react-icons/fa'
+import { UserDTO } from 'shared'
 
 // Components
 import Description from '../Description/Description'
@@ -9,7 +10,7 @@ import MembersList from '../MembersList/MembersList'
 import convertDate from '../../utils/convertDate'
 
 // Misc
-import UserType from '../../types/user'
+
 import useStyles from './style'
 import UserIcon from '../UserIcon/UserIcon'
 
@@ -17,7 +18,7 @@ type DashboardDrawerProps = {
   title: string
   description: string
   creationDate: Date
-  membersList: UserType[]
+  membersList: UserDTO[]
   isAdmin: boolean
   isOpen: boolean
   setIsOpen: () => void
@@ -37,7 +38,10 @@ const DashboardDrawer = ({
   onUserRemoveHandler
 }: DashboardDrawerProps) => {
   const { classes } = useStyles()
-  const dashboardAuthor = membersList.filter((member) => member.role === 'Admin')[0]
+  // We have no roles for user
+
+  // const dashboardAuthor = membersList.filter((member) => member.role === 'Admin')[0]
+
   const parsedDate = convertDate(creationDate)
 
   return (
@@ -58,6 +62,9 @@ const DashboardDrawer = ({
         </header>
 
         <section className={classes.authorSection}>
+          {/*
+          // We have no roles for user
+          
           <UserIcon
             username={dashboardAuthor.username}
             imgUrl={dashboardAuthor.profilePictureURL}
@@ -65,7 +72,7 @@ const DashboardDrawer = ({
           <div className={classes.authorInfo}>
             {dashboardAuthor.username}
             <p className={classes.date}>{`on ${parsedDate}`}</p>
-          </div>
+          </div> */}
         </section>
 
         <Description
diff --git a/packages/frontend/src/components/MemberCardContainer/MemberCardContainer.tsx b/packages/frontend/src/components/MemberCardContainer/MemberCardContainer.tsx
index 9ceb0b73..96753247 100644
--- a/packages/frontend/src/components/MemberCardContainer/MemberCardContainer.tsx
+++ b/packages/frontend/src/components/MemberCardContainer/MemberCardContainer.tsx
@@ -1,12 +1,12 @@
 import { useState } from 'react'
+import { UserDTO } from 'shared'
 import { Button, Input, Text, ActionIcon, Center, UnstyledButton } from '@mantine/core'
 import { AiOutlineSearch } from 'react-icons/ai'
 import useStyles from './style'
 import UserIcon from '../UserIcon/UserIcon'
-import UserType from '../../types/user'
 
 type MemberCardContainerProps = {
-  membersList: UserType[]
+  membersList: UserDTO[]
   addUserHandler: (selectedUsers: string[]) => void
 }
 
@@ -53,7 +53,7 @@ const MemberCardContainer = ({ membersList, addUserHandler }: MemberCardContaine
         }
       />
       <section className={classes.usersContainer}>
-        {usersSearchResult.slice(0, 4).map(({ username, profilePictureURL, id }) => (
+        {usersSearchResult.slice(0, 4).map(({ username, avatarUrl, id }) => (
           <UnstyledButton
             className={
               selectedUsers.indexOf(id) + 1
@@ -63,7 +63,7 @@ const MemberCardContainer = ({ membersList, addUserHandler }: MemberCardContaine
             key={id}
             onClick={() => handleMemberClick(id)}
           >
-            <UserIcon imgUrl={profilePictureURL} username={username} />
+            <UserIcon imgUrl={avatarUrl} username={username} />
             <Text className={classes.user} weight={600}>
               {username}
             </Text>
diff --git a/packages/frontend/src/components/MembersList/MembersList.tsx b/packages/frontend/src/components/MembersList/MembersList.tsx
index cf9b8529..8499575c 100644
--- a/packages/frontend/src/components/MembersList/MembersList.tsx
+++ b/packages/frontend/src/components/MembersList/MembersList.tsx
@@ -1,13 +1,13 @@
 import { Text } from '@mantine/core'
 import { HiUsers } from 'react-icons/hi'
+import { UserDTO } from 'shared'
 import UserIcon from '../UserIcon/UserIcon'
 import RedButton from '../RedButton/RedButton'
-import UserType from '../../types/user'
 import useStyles from './style'
 
 type MembersListProps = {
   title?: string
-  membersList: UserType[]
+  membersList: UserDTO[]
   onDeleteHandler: (id: string) => void
   isDeletable?: boolean
 }
@@ -15,15 +15,16 @@ type MembersListProps = {
 const MembersList = ({ membersList, onDeleteHandler, isDeletable, title }: MembersListProps) => {
   const { classes } = useStyles()
 
-  const getRemoveButton = (role: string | undefined, id: string) => {
-    if (isDeletable) {
-      if (role === 'Admin') {
-        return <Text className={classes.admin}>Admin</Text>
-      }
-      return <RedButton onClick={() => onDeleteHandler(id)}>Remove</RedButton>
-    }
-    return undefined
-  }
+  // No roles in users
+  // const getRemoveButton = (id: string) => {
+  //   if (isDeletable) {
+  //     if (role === 'Admin') {
+  //       return <Text className={classes.admin}>Admin</Text>
+  //     }
+  //     return <RedButton onClick={() => onDeleteHandler(id)}>Remove</RedButton>
+  //   }
+  //   return undefined
+  // }
 
   return (
     <div>
@@ -32,11 +33,13 @@ const MembersList = ({ membersList, onDeleteHandler, isDeletable, title }: Membe
         <Text className={classes.title}>{title || 'Members'}</Text>
       </header>
       <section>
-        {membersList.map(({ username, id, profilePictureURL, role }) => (
+        {membersList.map(({ username, id, avatarUrl, email }) => (
           <section className={classes.memberSection} key={id}>
-            <UserIcon imgUrl={profilePictureURL} username={username} />
+            <UserIcon imgUrl={avatarUrl} username={username} />
             <Text className={classes.username}>{username}</Text>
-            {getRemoveButton(role, id)}
+            {/* 
+            No roles in users
+            {getRemoveButton(id)} */}
           </section>
         ))}
       </section>
diff --git a/packages/frontend/src/components/Navbar/Navbar.tsx b/packages/frontend/src/components/Navbar/Navbar.tsx
index fe202a89..61260936 100644
--- a/packages/frontend/src/components/Navbar/Navbar.tsx
+++ b/packages/frontend/src/components/Navbar/Navbar.tsx
@@ -1,24 +1,27 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable arrow-body-style */
 import { Select } from '@mantine/core'
+import { UserDTO } from 'shared'
 import { AiFillCaretDown } from 'react-icons/ai'
 import { IoApps } from 'react-icons/io5'
 import { useNavigate } from 'react-router-dom'
-import UserType from '../../types/user'
 import { routes } from '../../routes/RoutesDashboards'
 import GrayButtonFilled from '../GrayButtonFilled/GrayButtonFilled'
 import useStyles from './styles'
 import thulloLogo from '../../images/thullo_logo.png'
 import LoginGoogleButton from '../LoginGoogleButton/LoginGoogleButton'
 
-export type NavbarProps = {
-  loggedUser: UserType
-  boardTitle?: string
-}
+export type NavbarProps = { username: any; boardTitle?: string }
 
-const Navbar = ({ boardTitle, loggedUser }: NavbarProps) => {
+const Navbar = ({ boardTitle, username }: NavbarProps) => {
   const { classes } = useStyles()
   const navigate = useNavigate()
+  const token = localStorage.getItem('token')
+
+  const logout = () => {
+    localStorage.removeItem('token')
+    navigate('/')
+  }
 
   return (
     <nav className={classes.navbar}>
@@ -30,28 +33,16 @@ const Navbar = ({ boardTitle, loggedUser }: NavbarProps) => {
         <div className={classes.navbar__dashboard}>
           <h2>{boardTitle}</h2>
           <div />
-          <GrayButtonFilled onClick={() => navigate(routes.dashboards)} leftIcon={<IoApps />}>
-            All boards
-          </GrayButtonFilled>
+          {!!token && (
+            <GrayButtonFilled onClick={() => navigate(routes.dashboards)} leftIcon={<IoApps />}>
+              All boards
+            </GrayButtonFilled>
+          )}
         </div>
       )}
       <div className={classes.navbar__options}>
-        {loggedUser ? (
-          <Select
-            classNames={{
-              wrapper: classes.navbar__options__select__wrapper,
-              input: classes.navbar__options__select__input,
-              icon: classes.navbar__options__select__icon,
-              rightSection: classes.navbar__options__select__rightSection
-            }}
-            placeholder={loggedUser.username}
-            data={[
-              { value: 'react', label: 'Option1' },
-              { value: 'vue', label: 'Option2' }
-            ]}
-            icon={<img src={loggedUser.profilePictureURL} alt="user avatar" />}
-            rightSection={<AiFillCaretDown />}
-          />
+        {token ? (
+          <GrayButtonFilled onClick={() => logout()}>Logout</GrayButtonFilled>
         ) : (
           <LoginGoogleButton
             onClick={() => window.location.assign('http://localhost:8800/v1/auth/google')}
diff --git a/packages/frontend/src/components/Task/Task.tsx b/packages/frontend/src/components/Task/Task.tsx
index 5d7ec3f7..82072f46 100644
--- a/packages/frontend/src/components/Task/Task.tsx
+++ b/packages/frontend/src/components/Task/Task.tsx
@@ -3,7 +3,6 @@ import { BsPaperclip } from 'react-icons/bs'
 import { MdAdd, MdMessage } from 'react-icons/md'
 import { useState } from 'react'
 import { UserDTO } from 'shared'
-import UserType from '../../types/user'
 import UserIconList from '../UserIconList/UserIconList'
 import useStyles from './style'
 
diff --git a/packages/frontend/src/components/TaskModal/TaskModal.tsx b/packages/frontend/src/components/TaskModal/TaskModal.tsx
index 6dfeb927..05de5b0d 100644
--- a/packages/frontend/src/components/TaskModal/TaskModal.tsx
+++ b/packages/frontend/src/components/TaskModal/TaskModal.tsx
@@ -1,4 +1,5 @@
 import { useState } from 'react'
+import { UserDTO } from 'shared'
 import { Popover, Modal, Text } from '@mantine/core'
 import { AiOutlinePlus } from 'react-icons/ai'
 import { IoMdContact } from 'react-icons/io'
@@ -23,7 +24,6 @@ import GenerateComment from '../../logic/generateComment'
 import AttachmentType from '../../types/attachment'
 import CommentType from '../../types/comment'
 import TaskType from '../../types/task'
-import UserType from '../../types/user'
 import useStyles from './style'
 
 const MODAL_SIZE = 'clamp(1000px, 70%, 2000px)'
@@ -31,7 +31,7 @@ const MODAL_SIZE = 'clamp(1000px, 70%, 2000px)'
 type TaskModalProps = {
   isOpen: boolean
   task: TaskType
-  membersList: UserType[]
+  membersList: UserDTO[]
   commentsList: CommentType[]
   onCloseHandler: (task: TaskType & { comments: CommentType[] }) => void
 }
@@ -106,7 +106,7 @@ const TaskModal = ({ isOpen, task, commentsList, membersList, onCloseHandler }:
   const addUserHandler = (selectedUsersID: string[]) => {
     const newAssignees = selectedUsersID
       .map((selectedUserID) => currentMemberList.find(({ id }) => id === selectedUserID))
-      .filter((assignee) => assignee) as UserType[]
+      .filter((assignee) => assignee) as UserDTO[]
     setCurrentAssigneesList((prevState) => [...prevState, ...newAssignees])
     setCurrentMemberList((prevState) =>
       prevState.filter((member) => !selectedUsersID.some((selectedId) => selectedId === member.id))
diff --git a/packages/frontend/src/components/UserIconList/UserIconList.tsx b/packages/frontend/src/components/UserIconList/UserIconList.tsx
index 7ac26066..fe2daaab 100644
--- a/packages/frontend/src/components/UserIconList/UserIconList.tsx
+++ b/packages/frontend/src/components/UserIconList/UserIconList.tsx
@@ -2,7 +2,6 @@ import { ActionIcon, Text } from '@mantine/core'
 import { MdAdd } from 'react-icons/md'
 import { UserDTO } from 'shared'
 import UserIcon from '../UserIcon/UserIcon'
-import UserType from '../../types/user'
 import useStyles from './style'
 
 type UserIconListProps = {
diff --git a/packages/frontend/src/infrastructure/HttpService/HttpService.ts b/packages/frontend/src/infrastructure/HttpService/HttpService.ts
index 182fead6..e6533531 100644
--- a/packages/frontend/src/infrastructure/HttpService/HttpService.ts
+++ b/packages/frontend/src/infrastructure/HttpService/HttpService.ts
@@ -1,4 +1,4 @@
-import { CreateDashboardCommand, DashboardDTO, TASK } from 'shared'
+import { CreateDashboardCommand, DashboardDTO, UserDTO, CreateUserCommand } from 'shared'
 
 import Fetch from './fetchInstance'
 
@@ -22,6 +22,8 @@ class HttpService {
   }
 
   // TODO change from any to Task type
+  createUser = (command: CreateUserCommand): Promise<UserDTO> =>
+    this.http.post('users', { body: JSON.stringify(command) })
   getTask = (taskId: string): Promise<any> => this.http.get(`tasks/${taskId}`)
   getAllDashboards = (): Promise<DashboardDTO[]> => this.http.get('dashboards', {})
   createDashboard = (command: CreateDashboardCommand): Promise<DashboardDTO> =>
diff --git a/packages/frontend/src/logic/generateComment.ts b/packages/frontend/src/logic/generateComment.ts
index 15d207eb..d342c61e 100644
--- a/packages/frontend/src/logic/generateComment.ts
+++ b/packages/frontend/src/logic/generateComment.ts
@@ -1,11 +1,11 @@
 import faker from '@faker-js/faker'
+import { UserDTO } from 'shared'
 import RandomUser from './randomUser'
-import UserType from '../types/user'
 
 class GenerateComment {
   private readonly id: string
 
-  private readonly userData: UserType
+  private readonly userData: any
 
   private readonly textContent: string
 
diff --git a/packages/frontend/src/logic/generateTask.ts b/packages/frontend/src/logic/generateTask.ts
index b9507398..b02e4fba 100644
--- a/packages/frontend/src/logic/generateTask.ts
+++ b/packages/frontend/src/logic/generateTask.ts
@@ -1,16 +1,16 @@
 import faker from '@faker-js/faker'
+import { UserDTO } from 'shared'
 import GenerateAttachment from './generateAttachment'
 import GenerateId from './generateId'
 import GenerateImage from './generateImage'
 import AttachmentType from '../types/attachment'
-import UserType from '../types/user'
 
 class GenerateTask {
   private id: string
 
   private imageCoverURL: string | null
 
-  private listOfUsers: UserType[]
+  private listOfUsers: UserDTO[]
 
   private title: string
 
@@ -18,9 +18,9 @@ class GenerateTask {
 
   private attachment: AttachmentType[]
 
-  private assigneeList: UserType[]
+  private assigneeList: UserDTO[]
 
-  constructor(ListOfUsers: UserType[]) {
+  constructor(ListOfUsers: UserDTO[]) {
     this.id = new GenerateId().getId
     this.listOfUsers = ListOfUsers
     this.title = faker.lorem.sentence()
diff --git a/packages/frontend/src/pages/LoginPage/LoginPage.tsx b/packages/frontend/src/pages/LoginPage/LoginPage.tsx
deleted file mode 100644
index 10df193a..00000000
--- a/packages/frontend/src/pages/LoginPage/LoginPage.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import useStyles from './style'
-import LoginGoogleButton from '../../components/LoginGoogleButton/LoginGoogleButton'
-
-const LoginPage = () => {
-  const { classes } = useStyles()
-
-  return (
-    <main className={classes.container}>
-      <article className={classes.box}>
-        <LoginGoogleButton
-          onClick={() => window.location.assign('http://localhost:8800/v1/auth/google')}
-        >
-          Login with Google
-        </LoginGoogleButton>
-      </article>
-    </main>
-  )
-}
-
-export default LoginPage
diff --git a/packages/frontend/src/pages/LoginPage/style.ts b/packages/frontend/src/pages/LoginPage/style.ts
deleted file mode 100644
index 07f6aae4..00000000
--- a/packages/frontend/src/pages/LoginPage/style.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createStyles } from '@mantine/core'
-
-const useStyles = createStyles((theme) => ({
-  container: {
-    margin: 0,
-    width: '100%',
-    height: '100vh',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: theme.colors.blue[6]
-  },
-  box: {
-    width: '60%',
-    height: '50%',
-    backgroundColor: theme.colors.blue[0],
-    borderRadius: 15,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    filter: 'drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.1))'
-  }
-}))
-
-export default useStyles
diff --git a/packages/frontend/src/routes/ProtectedRoute/ProtectedRoute.tsx b/packages/frontend/src/routes/ProtectedRoute/ProtectedRoute.tsx
index df1961a7..b6536a88 100644
--- a/packages/frontend/src/routes/ProtectedRoute/ProtectedRoute.tsx
+++ b/packages/frontend/src/routes/ProtectedRoute/ProtectedRoute.tsx
@@ -12,7 +12,7 @@ const ProtectedRoute = ({ children }: ProtectedRouteProps) => {
 
   useEffect(() => {
     if (!token) {
-      navigate('../login', { replace: true })
+      navigate('../dashboards', { replace: true })
     }
   }, [token, navigate])
 
diff --git a/packages/frontend/src/routes/auth.tsx b/packages/frontend/src/routes/auth.tsx
index 160ebb15..3eee6fee 100644
--- a/packages/frontend/src/routes/auth.tsx
+++ b/packages/frontend/src/routes/auth.tsx
@@ -1,5 +1,4 @@
 import { Route, Routes } from 'react-router-dom'
-import LoginPage from '../pages/LoginPage/LoginPage'
 import AuthPage from '../pages/AuthPage/AuthPage'
 import Navbar from '../components/Navbar/Navbar'
 import RandomUser from '../logic/randomUser'
@@ -13,9 +12,8 @@ export const routes = {
 
 const Auth = () => (
   <Routes>
-    <Route path={routes.login} element={<LoginPage />} />
     <Route path={routes.auth} element={<AuthPage />} />
-    <Route path="/*" element={<Navbar loggedUser={randomUser} boardTitle="Dashboard" />} />
+    <Route path="/*" element={<Navbar username={randomUser} boardTitle="Dashboard" />} />
   </Routes>
 )
 
diff --git a/packages/frontend/src/types/comment.ts b/packages/frontend/src/types/comment.ts
index f973b54f..8046f55e 100644
--- a/packages/frontend/src/types/comment.ts
+++ b/packages/frontend/src/types/comment.ts
@@ -1,9 +1,9 @@
-import UserType from './user'
+import { UserDTO } from 'shared'
 
 // TODO: REMOVE IT USE DTO from: packages/shared/api/dto/*.dto.ts instead
 type CommentType = {
   id: string
-  userData: UserType
+  userData: UserDTO
   textContent: string
   date: Date
 }
diff --git a/packages/frontend/src/types/task.ts b/packages/frontend/src/types/task.ts
index b33bacf0..60ac1864 100644
--- a/packages/frontend/src/types/task.ts
+++ b/packages/frontend/src/types/task.ts
@@ -1,5 +1,5 @@
+import { UserDTO } from 'shared'
 import AttachmentType from './attachment'
-import UserType from './user'
 
 // TODO: REMOVE IT USE DTO from: packages/shared/api/dto/*.dto.ts instead
 type TaskType = {
@@ -8,6 +8,6 @@ type TaskType = {
   title: string
   description: string
   attachment: AttachmentType[]
-  assigneeList: UserType[]
+  assigneeList: UserDTO[]
 }
 export default TaskType
diff --git a/packages/frontend/src/types/user.ts b/packages/frontend/src/types/user.ts
deleted file mode 100644
index cd567340..00000000
--- a/packages/frontend/src/types/user.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// TODO: REMOVE IT USE DTO from: packages/shared/api/dto/*.dto.ts instead
-type UserType = {
-  id: string
-  username: string
-  role: string
-  profilePictureURL: string
-}
-
-export default UserType