diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index ae5e95c..4573a19 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -26,6 +26,16 @@ module.exports = {
           "index"
         ],
         "pathGroups": [
+          {
+            "pattern": "react",
+            "group": "builtin",
+            "position": "before"
+          },
+          {
+            "pattern": "@/**",
+            "group": "parent",
+            "position": "before"
+          },
           {
             "pattern": "**/*.stories.ts?",
             "group": "external",
diff --git a/README.md b/README.md
index 3948d33..ea271a4 100644
--- a/README.md
+++ b/README.md
@@ -38,10 +38,9 @@ React dApp Template (Vite) is an easy-to-use foundation for efficiently building
 
 ## What's Included and Preconfigured
 
-### Web3 Related Packages
+### Web3 Packages
 
-- ethers.js
-- typechain
+- ethers.js (v5)
 
 ### Testing Infrastucture
 
@@ -66,17 +65,17 @@ React dApp Template (Vite) is an easy-to-use foundation for efficiently building
 
 **React Error Boundary**: A feature in React for handling and containing errors within specific components.
 
-**React Helmet**: A library for managing metadata in React applications, optimizing SEO and discoverability.
+**React Helmet Async**: A library for managing metadata in React applications, optimizing SEO and discoverability.
 
 **I18Next**: An internationalization library for easily translating JavaScript applications into different languages.
 
-**React Icon All Files**: A library providing a collection of high-quality SVG icons for React applications.
+**React Icons**: A library providing a collection of high-quality SVG icons for React applications.
 
 **React Cookie Consent**: A library simplifying the implementation of cookie consent banners in React applications.
 
 ## Getting Started
 
-Please visit the [Official React dApp Tamplate Documentation Page](https://huseyindeniz.github.io/react-dapp-template-documentation/) to start your dApp frontend development journey.
+Please visit the [Official React dApp Template Documentation Page](https://huseyindeniz.github.io/react-dapp-template-documentation/) to start your dApp frontend development journey.
 
 ## Contributions
 
diff --git a/package-lock.json b/package-lock.json
index 0737b79..88bf523 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -69,7 +69,8 @@
         "storybook-addon-react-router-v6": "^2.0.7",
         "ts-jest": "^29.1.1",
         "typescript": "^5.0.2",
-        "vite": "^4.4.5"
+        "vite": "^4.4.5",
+        "vite-tsconfig-paths": "^4.2.1"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -13697,6 +13698,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/globrex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
+      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
+      "dev": true
+    },
     "node_modules/gopd": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
@@ -21361,6 +21368,26 @@
         }
       }
     },
+    "node_modules/tsconfck": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/tsconfck/-/tsconfck-2.1.2.tgz",
+      "integrity": "sha512-ghqN1b0puy3MhhviwO2kGF8SeMDNhEbnKxjK7h6+fvY9JAxqvXi8y5NAHSQv687OVboS2uZIByzGd45/YxrRHg==",
+      "dev": true,
+      "bin": {
+        "tsconfck": "bin/tsconfck.js"
+      },
+      "engines": {
+        "node": "^14.13.1 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "typescript": "^4.3.5 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.14.2",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
@@ -22211,6 +22238,25 @@
         }
       }
     },
+    "node_modules/vite-tsconfig-paths": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/vite-tsconfig-paths/-/vite-tsconfig-paths-4.2.1.tgz",
+      "integrity": "sha512-GNUI6ZgPqT3oervkvzU+qtys83+75N/OuDaQl7HmOqFTb0pjZsuARrRipsyJhJ3enqV8beI1xhGbToR4o78nSQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.1",
+        "globrex": "^0.1.2",
+        "tsconfck": "^2.1.0"
+      },
+      "peerDependencies": {
+        "vite": "*"
+      },
+      "peerDependenciesMeta": {
+        "vite": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/void-elements": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
diff --git a/package.json b/package.json
index cd3cf79..bd17e07 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vitedapp",
   "private": true,
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -76,7 +76,8 @@
     "storybook-addon-react-router-v6": "^2.0.7",
     "ts-jest": "^29.1.1",
     "typescript": "^5.0.2",
-    "vite": "^4.4.5"
+    "vite": "^4.4.5",
+    "vite-tsconfig-paths": "^4.2.1"
   },
   "jest": {
     "preset": "ts-jest",
@@ -84,30 +85,30 @@
     "moduleNameMapper": {
       "^.+\\.svg$": "jest-svg-transformer",
       "^.+\\.(css|less|scss|webp|png|jpg)$": "identity-obj-proxy",
-      "react-i18next": "<rootDir>/src/__mocks__/i18nextMock.tsx"
+      "react-i18next": "<rootDir>/src/__mocks__/i18nextMock.tsx",
+      "@/features/i18n/(.*)": "<rootDir>/src/features/i18n/$1",
+      "@/features/ui/(.*)": "<rootDir>/src/features/ui/$1",
+      "@/features/wallet/(.*)": "<rootDir>/src/features/wallet/$1",
+      "@/services/(.*)": "<rootDir>/src/services/$1",
+      "@/pages/(.*)": "<rootDir>/src/pages/$1",
+      "@/hooks/(.*)": "<rootDir>/src/hooks/$1",
+      "@/store/(.*)": "<rootDir>/src/store/$1"
     },
     "setupFilesAfterEnv": [
       "<rootDir>/src/setupTests.ts"
     ],
     "collectCoverageFrom": [
       "src/**/*.{js,jsx,ts,tsx}",
-      "!src/reportWebVitals.ts",
-      "!src/serviceWorker.ts",
-      "!src/serviceWorkerRegistration.ts",
-      "!src/test-utils.tsx",
-      "!src/index.tsx",
-      "!src/App.tsx",
       "!src/**/*.stories.{js,jsx,ts,tsx}",
-      "!<rootDir>/node_modules/",
-      "!<rootDir>/template/"
+      "!<rootDir>/node_modules/"
     ],
     "coveragePathIgnorePatterns": [],
     "coverageThreshold": {
       "global": {
         "branches": 30,
-        "functions": 40,
-        "lines": 40,
-        "statements": 40
+        "functions": 30,
+        "lines": 30,
+        "statements": 30
       }
     }
   }
diff --git a/src/App.tsx b/src/App.tsx
index dca0f97..5e0ff26 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,11 +1,12 @@
-import log from 'loglevel';
 import React from 'react';
+
+import log from 'loglevel';
 import { Provider } from 'react-redux';
 
-import { Router } from './pages/Router';
-import store from './store/store';
+import { Router } from '@/pages/Router';
+import store from '@/store/store';
 
-import './features/i18n/i18n';
+import '@/features/i18n/i18n';
 
 log.setDefaultLevel('silent');
 
diff --git a/src/__mocks__/customRender.tsx b/src/__mocks__/customRender.tsx
index 410f649..e31df4e 100644
--- a/src/__mocks__/customRender.tsx
+++ b/src/__mocks__/customRender.tsx
@@ -1,10 +1,11 @@
 /* eslint-disable react-refresh/only-export-components */
+import * as React from 'react';
+
 import { ChakraProvider } from '@chakra-ui/react';
 import { render, RenderOptions } from '@testing-library/react';
-import * as React from 'react';
-import { I18nextProvider } from 'react-i18next';
+import { I18nextProvider } from 'react-i18next';
 
-import { theme } from '../features/ui/components/Layout/Theme/theme';
+import { theme } from '@/features/ui/components/Layout/Theme/theme';
 
 import i18n from './i18nextMock';
 
diff --git a/src/features/i18n/components/LangMenu/LangMenu.tsx b/src/features/i18n/components/LangMenu/LangMenu.tsx
index e410fec..fe5e2d9 100644
--- a/src/features/i18n/components/LangMenu/LangMenu.tsx
+++ b/src/features/i18n/components/LangMenu/LangMenu.tsx
@@ -1,5 +1,6 @@
-import { Button, useDisclosure } from "@chakra-ui/react";
 import React from "react";
+
+import { Button, useDisclosure } from "@chakra-ui/react";
 import { useTranslation } from "react-i18next";
 import { useLocation } from "react-router-dom";
 
diff --git a/src/features/i18n/useI18nWatchers.ts b/src/features/i18n/useI18nWatchers.ts
index 70e66a8..50448de 100644
--- a/src/features/i18n/useI18nWatchers.ts
+++ b/src/features/i18n/useI18nWatchers.ts
@@ -1,8 +1,9 @@
 import { useEffect } from 'react';
+
 import { useTranslation } from 'react-i18next';
 import { useLocation, useParams, useNavigate } from 'react-router-dom';
 
-import { usePages } from '../../pages/usePages';
+import { usePages } from '@/pages/usePages';
 
 import { i18nConfig } from './config';
 
diff --git a/src/features/ui/components/Layout/Copyright/Copyright.tsx b/src/features/ui/components/Layout/Copyright/Copyright.tsx
index 2adc688..3161d13 100644
--- a/src/features/ui/components/Layout/Copyright/Copyright.tsx
+++ b/src/features/ui/components/Layout/Copyright/Copyright.tsx
@@ -1,13 +1,14 @@
-import { Box, Link, Button, Image, Tooltip } from '@chakra-ui/react';
 import React from 'react';
 
+import { Box, Link, Button, Image, Tooltip } from '@chakra-ui/react';
+
 import reactDappTemplateLogo from '../../../assets/images/react-dapp-template-logo.webp';
 
 // You can remove or change this section
 export const Copyright: React.FC = React.memo(() => {
   return (
     <Box>
-      <Tooltip label="Powered by React dApp Template (Vite) v0.1.0">
+      <Tooltip label="Powered by React dApp Template (Vite) v0.2.0">
         <Button
           as={Link}
           href="https://github.com/huseyindeniz/vite-react-dapp-template"
diff --git a/src/features/ui/components/Layout/Footer/Footer.tsx b/src/features/ui/components/Layout/Footer/Footer.tsx
index 959eb28..fe43610 100644
--- a/src/features/ui/components/Layout/Footer/Footer.tsx
+++ b/src/features/ui/components/Layout/Footer/Footer.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
-import { MenuType } from '../../../../../pages/types';
+import { MenuType } from '@/pages/types';
+
 import { Copyright } from '../Copyright/Copyright';
 import { SecondaryMenu } from '../SecondaryMenu/SecondaryMenu';
 import { SiteLogo } from '../SiteLogo/SiteLogo';
diff --git a/src/features/ui/components/Layout/Footer/FooterView/FooterView.tsx b/src/features/ui/components/Layout/Footer/FooterView/FooterView.tsx
index afa6958..0cdaf46 100644
--- a/src/features/ui/components/Layout/Footer/FooterView/FooterView.tsx
+++ b/src/features/ui/components/Layout/Footer/FooterView/FooterView.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 import {
   Box,
   Container,
@@ -5,7 +7,6 @@ import {
   useColorModeValue,
   Divider,
 } from '@chakra-ui/react';
-import React from 'react';
 
 export interface FooterViewProps {
   firstRowContent?: React.ReactNode;
diff --git a/src/features/ui/components/Layout/Header/Header.tsx b/src/features/ui/components/Layout/Header/Header.tsx
index 13cfe2b..4fcb3dc 100644
--- a/src/features/ui/components/Layout/Header/Header.tsx
+++ b/src/features/ui/components/Layout/Header/Header.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 import {
   Box,
   Flex,
@@ -9,12 +11,12 @@ import {
   Divider,
   Spinner,
 } from '@chakra-ui/react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { IoClose, IoEllipsisVertical } from 'react-icons/io5';
 
-import { MenuType } from '../../../../../pages/types';
-import { LangMenu } from '../../../../i18n/components/LangMenu/LangMenu';
+import { LangMenu } from '@/features/i18n/components/LangMenu/LangMenu';
+import { MenuType } from '@/pages/types';
+
 import { MainMenu } from '../MainMenu/MainMenu';
 import { SiteLogo } from '../SiteLogo/SiteLogo';
 import { ThemeSwitcher } from '../ThemeSwitcher/ThemeSwitcher';
diff --git a/src/features/ui/components/Layout/Layout.tsx b/src/features/ui/components/Layout/Layout.tsx
index 86587ac..a2c6e3c 100644
--- a/src/features/ui/components/Layout/Layout.tsx
+++ b/src/features/ui/components/Layout/Layout.tsx
@@ -1,13 +1,14 @@
+import React from 'react';
+
 import { Box, ChakraProvider, ScaleFade } from '@chakra-ui/react';
 import log from 'loglevel';
-import React from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { HelmetProvider } from 'react-helmet-async';
 import { useTranslation } from 'react-i18next';
 import { useLocation, Outlet } from 'react-router-dom';
 
-import { usePageLink } from '../../../../pages/usePageLink';
-import { usePages } from '../../../../pages/usePages';
+import { usePageLink } from '@/pages/usePageLink';
+import { usePages } from '@/pages/usePages';
 
 import { CookieConsentMessage } from './CookieConsent/CookieConsentMessage';
 import { ErrorFallback } from './ErrorFallback/ErrorFallback';
diff --git a/src/features/ui/components/Layout/MainMenu/MainMenu.stories.tsx b/src/features/ui/components/Layout/MainMenu/MainMenu.stories.tsx
index 273ebd0..fdd28d0 100644
--- a/src/features/ui/components/Layout/MainMenu/MainMenu.stories.tsx
+++ b/src/features/ui/components/Layout/MainMenu/MainMenu.stories.tsx
@@ -2,7 +2,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { withRouter } from 'storybook-addon-react-router-v6';
 
-import { MenuType } from '../../../../../pages/types';
+import { MenuType } from '@/pages/types';
 
 import { MainMenu } from './MainMenu';
 
diff --git a/src/features/ui/components/Layout/MainMenu/MainMenu.tsx b/src/features/ui/components/Layout/MainMenu/MainMenu.tsx
index dff8afd..14058bd 100644
--- a/src/features/ui/components/Layout/MainMenu/MainMenu.tsx
+++ b/src/features/ui/components/Layout/MainMenu/MainMenu.tsx
@@ -1,8 +1,9 @@
-import { Link, useColorModeValue } from '@chakra-ui/react';
 import React from 'react';
+
+import { Link, useColorModeValue } from '@chakra-ui/react';
 import { NavLink as RouterLink } from 'react-router-dom';
 
-import { MenuType } from '../../../../../pages/types';
+import { MenuType } from '@/pages/types';
 
 export interface MainMenuProps {
   onClick: () => void;
diff --git a/src/features/ui/components/Layout/ProfileMenu/ProfileMenu.test.tsx b/src/features/ui/components/Layout/ProfileMenu/ProfileMenu.test.tsx
index 291d165..57490ad 100644
--- a/src/features/ui/components/Layout/ProfileMenu/ProfileMenu.test.tsx
+++ b/src/features/ui/components/Layout/ProfileMenu/ProfileMenu.test.tsx
@@ -2,7 +2,7 @@ import { render } from '@testing-library/react';
 
 import { ProfileMenu } from './ProfileMenu';
 
-jest.mock('../../../../wallet/components/Wallet', () => ({
+jest.mock('@/features/wallet/components/Wallet', () => ({
   Wallet: () => <div data-testid="mock-wallet" />,
 }));
 
diff --git a/src/features/ui/components/Layout/ProfileMenu/ProfileMenu.tsx b/src/features/ui/components/Layout/ProfileMenu/ProfileMenu.tsx
index c5ef90c..e537231 100644
--- a/src/features/ui/components/Layout/ProfileMenu/ProfileMenu.tsx
+++ b/src/features/ui/components/Layout/ProfileMenu/ProfileMenu.tsx
@@ -1,4 +1,4 @@
-import { Wallet } from '../../../../wallet/components/Wallet';
+import { Wallet } from '@/features/wallet/components/Wallet';
 
 export const ProfileMenu: React.FC = () => {
   return <Wallet />;
diff --git a/src/features/ui/components/Layout/ScrollToTopButton/ScrollToTopButton.tsx b/src/features/ui/components/Layout/ScrollToTopButton/ScrollToTopButton.tsx
index 43ea4e6..1d60c80 100644
--- a/src/features/ui/components/Layout/ScrollToTopButton/ScrollToTopButton.tsx
+++ b/src/features/ui/components/Layout/ScrollToTopButton/ScrollToTopButton.tsx
@@ -1,5 +1,6 @@
-import { Box, IconButton } from '@chakra-ui/react';
 import { useEffect, useState } from 'react';
+
+import { Box, IconButton } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { IoChevronUp } from 'react-icons/io5';
 
diff --git a/src/features/ui/components/Layout/SecondaryMenu/SecondaryMenu.stories.tsx b/src/features/ui/components/Layout/SecondaryMenu/SecondaryMenu.stories.tsx
index fca7f74..308a655 100644
--- a/src/features/ui/components/Layout/SecondaryMenu/SecondaryMenu.stories.tsx
+++ b/src/features/ui/components/Layout/SecondaryMenu/SecondaryMenu.stories.tsx
@@ -2,7 +2,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { withRouter } from 'storybook-addon-react-router-v6';
 
-import { MenuType } from '../../../../../pages/types';
+import { MenuType } from '@/pages/types';
 
 import { SecondaryMenu } from './SecondaryMenu';
 
diff --git a/src/features/ui/components/Layout/SecondaryMenu/SecondaryMenu.tsx b/src/features/ui/components/Layout/SecondaryMenu/SecondaryMenu.tsx
index c09b2ad..d4f934f 100644
--- a/src/features/ui/components/Layout/SecondaryMenu/SecondaryMenu.tsx
+++ b/src/features/ui/components/Layout/SecondaryMenu/SecondaryMenu.tsx
@@ -1,8 +1,9 @@
-import { Link, Stack, useColorModeValue } from '@chakra-ui/react';
 import React from 'react';
+
+import { Link, Stack, useColorModeValue } from '@chakra-ui/react';
 import { NavLink as RouterLink } from 'react-router-dom';
 
-import { MenuType } from '../../../../../pages/types';
+import { MenuType } from '@/pages/types';
 
 export interface SecondaryMenuProps {
   secondaryMenuItems: MenuType[];
diff --git a/src/features/ui/components/Layout/SiteMeta/SiteMeta.tsx b/src/features/ui/components/Layout/SiteMeta/SiteMeta.tsx
index 784fe92..ae3ac8d 100644
--- a/src/features/ui/components/Layout/SiteMeta/SiteMeta.tsx
+++ b/src/features/ui/components/Layout/SiteMeta/SiteMeta.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { Helmet } from 'react-helmet-async';
 
 export interface SiteMetaProps {
diff --git a/src/features/ui/components/Layout/SocialMenu/SocialMenu.tsx b/src/features/ui/components/Layout/SocialMenu/SocialMenu.tsx
index 970ab3a..76f8b21 100644
--- a/src/features/ui/components/Layout/SocialMenu/SocialMenu.tsx
+++ b/src/features/ui/components/Layout/SocialMenu/SocialMenu.tsx
@@ -1,3 +1,5 @@
+import React, { ReactNode } from 'react';
+
 import {
   chakra,
   Stack,
@@ -5,7 +7,6 @@ import {
   VisuallyHidden,
   Spinner,
 } from '@chakra-ui/react';
-import React, { ReactNode } from 'react';
 import { FaTwitter, FaDiscord, FaInstagram } from 'react-icons/fa';
 
 const SocialButton = ({
diff --git a/src/features/ui/components/PageMeta/PageMeta.tsx b/src/features/ui/components/PageMeta/PageMeta.tsx
index 450c52e..d6f7d56 100644
--- a/src/features/ui/components/PageMeta/PageMeta.tsx
+++ b/src/features/ui/components/PageMeta/PageMeta.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { Helmet } from 'react-helmet-async';
 
 export interface PageMetaProps {
diff --git a/src/features/wallet/components/BlockInfo/BlockInfo.tsx b/src/features/wallet/components/BlockInfo/BlockInfo.tsx
index f383071..7234a39 100644
--- a/src/features/wallet/components/BlockInfo/BlockInfo.tsx
+++ b/src/features/wallet/components/BlockInfo/BlockInfo.tsx
@@ -1,9 +1,11 @@
-import { Box, Flex, IconButton, Tag } from '@chakra-ui/react';
 import React, { useEffect } from 'react';
+
+import { Box, Flex, IconButton, Tag } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { MdRefresh } from 'react-icons/md';
 
-import useTypedSelector from '../../../../hooks/useTypedSelector';
+import useTypedSelector from '@/hooks/useTypedSelector';
+
 import { useActions } from '../../hooks/useActions';
 import { LoadingStatusType } from '../../models/types/LoadingStatus';
 
diff --git a/src/features/wallet/components/ConnectButton/Button/Button.tsx b/src/features/wallet/components/ConnectButton/Button/Button.tsx
index db69458..63497fc 100644
--- a/src/features/wallet/components/ConnectButton/Button/Button.tsx
+++ b/src/features/wallet/components/ConnectButton/Button/Button.tsx
@@ -1,5 +1,6 @@
-import { Button as ChakraButton } from '@chakra-ui/react';
 import React from 'react';
+
+import { Button as ChakraButton } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { FaWallet } from 'react-icons/fa';
 
diff --git a/src/features/wallet/components/ConnectButton/ConnectButton.tsx b/src/features/wallet/components/ConnectButton/ConnectButton.tsx
index 5213d69..e96a11a 100644
--- a/src/features/wallet/components/ConnectButton/ConnectButton.tsx
+++ b/src/features/wallet/components/ConnectButton/ConnectButton.tsx
@@ -1,7 +1,9 @@
-import { useDisclosure } from '@chakra-ui/react';
 import React, { useEffect } from 'react';
 
-import useTypedSelector from '../../../../hooks/useTypedSelector';
+import { useDisclosure } from '@chakra-ui/react';
+
+import useTypedSelector from '@/hooks/useTypedSelector';
+
 import { useActions } from '../../hooks/useActions';
 import { LoadingStatusType } from '../../models/types/LoadingStatus';
 import { WalletState } from '../../models/types/WalletState';
diff --git a/src/features/wallet/components/ConnectionModal/ConnectionModal.tsx b/src/features/wallet/components/ConnectionModal/ConnectionModal.tsx
index 8bcdd3b..7f18cdb 100644
--- a/src/features/wallet/components/ConnectionModal/ConnectionModal.tsx
+++ b/src/features/wallet/components/ConnectionModal/ConnectionModal.tsx
@@ -1,7 +1,9 @@
-import { useSteps } from '@chakra-ui/react';
 import React, { useEffect, useState } from 'react';
 
-import useTypedSelector from '../../../../hooks/useTypedSelector';
+import { useSteps } from '@chakra-ui/react';
+
+import useTypedSelector from '@/hooks/useTypedSelector';
+
 import { SUPPORTED_NETWORKS, DEFAULT_NETWORK } from '../../config';
 import { useActions } from '../../hooks/useActions';
 import { AccountLoadState } from '../../models/account/types/AccountLoadState';
diff --git a/src/features/wallet/components/ConnectionModal/Modal/Modal.tsx b/src/features/wallet/components/ConnectionModal/Modal/Modal.tsx
index 9901aa7..d159e7d 100644
--- a/src/features/wallet/components/ConnectionModal/Modal/Modal.tsx
+++ b/src/features/wallet/components/ConnectionModal/Modal/Modal.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 import {
   Modal as ChakraModal,
   ModalOverlay,
@@ -18,7 +20,6 @@ import {
   Spinner,
   Container,
 } from '@chakra-ui/react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaFileSignature } from 'react-icons/fa';
 import { GiChoice } from 'react-icons/gi';
diff --git a/src/features/wallet/components/ConnectionModal/Steps/CheckAccount.tsx b/src/features/wallet/components/ConnectionModal/Steps/CheckAccount.tsx
index c771094..a6ad080 100644
--- a/src/features/wallet/components/ConnectionModal/Steps/CheckAccount.tsx
+++ b/src/features/wallet/components/ConnectionModal/Steps/CheckAccount.tsx
@@ -1,8 +1,10 @@
-import { Box, Button, Text, Progress } from '@chakra-ui/react';
 import React from 'react';
+
+import { Box, Button, Text, Progress } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 
-import { AlertMessage } from '../../../../ui/components/AlertMessage/AlertMessage';
+import { AlertMessage } from '@/features/ui/components/AlertMessage/AlertMessage';
+
 import { AccountLoadState } from '../../../models/account/types/AccountLoadState';
 
 export interface CheckAccountProps {
diff --git a/src/features/wallet/components/ConnectionModal/Steps/CheckNetwork.tsx b/src/features/wallet/components/ConnectionModal/Steps/CheckNetwork.tsx
index 647ce39..7eff531 100644
--- a/src/features/wallet/components/ConnectionModal/Steps/CheckNetwork.tsx
+++ b/src/features/wallet/components/ConnectionModal/Steps/CheckNetwork.tsx
@@ -1,8 +1,10 @@
-import { Box, VStack, Button, Text, Progress, Select } from '@chakra-ui/react';
 import React from 'react';
+
+import { Box, VStack, Button, Text, Progress, Select } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 
-import { AlertMessage } from '../../../../ui/components/AlertMessage/AlertMessage';
+import { AlertMessage } from '@/features/ui/components/AlertMessage/AlertMessage';
+
 import { NetworkLoadState } from '../../../models/network/types/NetworkLoadState';
 
 export interface CheckNetworkProps {
diff --git a/src/features/wallet/components/ConnectionModal/Steps/CheckSign.tsx b/src/features/wallet/components/ConnectionModal/Steps/CheckSign.tsx
index f29956e..c558434 100644
--- a/src/features/wallet/components/ConnectionModal/Steps/CheckSign.tsx
+++ b/src/features/wallet/components/ConnectionModal/Steps/CheckSign.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 import {
   Box,
   Button,
@@ -6,10 +8,10 @@ import {
   CircularProgress,
   CircularProgressLabel,
 } from '@chakra-ui/react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { AlertMessage } from '../../../../ui/components/AlertMessage/AlertMessage';
+import { AlertMessage } from '@/features/ui/components/AlertMessage/AlertMessage';
+
 import { DISABLE_WALLET_SIGN } from '../../../config';
 import { AccountSignState } from '../../../models/account/types/AccountSignState';
 
diff --git a/src/features/wallet/components/ConnectionModal/Steps/CheckWallet.tsx b/src/features/wallet/components/ConnectionModal/Steps/CheckWallet.tsx
index 6e181c9..c4209bb 100644
--- a/src/features/wallet/components/ConnectionModal/Steps/CheckWallet.tsx
+++ b/src/features/wallet/components/ConnectionModal/Steps/CheckWallet.tsx
@@ -1,9 +1,11 @@
-import { Box, Link, Image, VStack, Button, Text } from '@chakra-ui/react';
 import React from 'react';
+
+import { Box, Link, Image, VStack, Button, Text } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { FaExternalLinkAlt } from 'react-icons/fa';
 
-import { AlertMessage } from '../../../../ui/components/AlertMessage/AlertMessage';
+import { AlertMessage } from '@/features/ui/components/AlertMessage/AlertMessage';
+
 import imageMetamaskLogo from '../../../assets/images/mm-logo.webp';
 import { ProviderLoadState } from '../../../models/provider/types/ProviderLoadState';
 
diff --git a/src/features/wallet/components/NetworkLogo/NetworkLogo.tsx b/src/features/wallet/components/NetworkLogo/NetworkLogo.tsx
index d595839..bed737c 100644
--- a/src/features/wallet/components/NetworkLogo/NetworkLogo.tsx
+++ b/src/features/wallet/components/NetworkLogo/NetworkLogo.tsx
@@ -1,6 +1,7 @@
-import { Image } from '@chakra-ui/react';
 import React from 'react';
 
+import { Image } from '@chakra-ui/react';
+
 import imageEthereumMainnet from '../../assets/images/chains/1.webp';
 import imageGanache from '../../assets/images/chains/1337.webp';
 import imagePolygon from '../../assets/images/chains/137.webp';
diff --git a/src/features/wallet/components/ProfileDropdownMenu/DropdownMenu.tsx b/src/features/wallet/components/ProfileDropdownMenu/DropdownMenu.tsx
index 40ff67e..3076e44 100644
--- a/src/features/wallet/components/ProfileDropdownMenu/DropdownMenu.tsx
+++ b/src/features/wallet/components/ProfileDropdownMenu/DropdownMenu.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 import {
   Box,
   Text,
@@ -11,7 +13,6 @@ import {
   VStack,
   Link,
 } from '@chakra-ui/react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaExternalLinkAlt } from 'react-icons/fa';
 import { IoIosLogOut } from 'react-icons/io';
diff --git a/src/features/wallet/components/ProfileDropdownMenu/Identicon.tsx b/src/features/wallet/components/ProfileDropdownMenu/Identicon.tsx
index b014b59..4e19a36 100644
--- a/src/features/wallet/components/ProfileDropdownMenu/Identicon.tsx
+++ b/src/features/wallet/components/ProfileDropdownMenu/Identicon.tsx
@@ -1,6 +1,7 @@
+import React, { useEffect, useRef } from "react";
+
 import styled from "@emotion/styled";
 import Jazzicon from "@metamask/jazzicon";
-import React, { useEffect, useRef } from "react";
 
 const StyledIdenticon = styled.div`
   border-radius: 1.125rem;
diff --git a/src/features/wallet/components/ProfileDropdownMenu/ProfileDropdownMenu.tsx b/src/features/wallet/components/ProfileDropdownMenu/ProfileDropdownMenu.tsx
index ca8619a..1f8e41b 100644
--- a/src/features/wallet/components/ProfileDropdownMenu/ProfileDropdownMenu.tsx
+++ b/src/features/wallet/components/ProfileDropdownMenu/ProfileDropdownMenu.tsx
@@ -1,10 +1,12 @@
-import { useToast } from '@chakra-ui/react';
 import React, { useEffect, useState } from 'react';
+
+import { useToast } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
-import useTypedSelector from '../../../../hooks/useTypedSelector';
-import { usePageLink } from '../../../../pages/usePageLink';
+import useTypedSelector from '@/hooks/useTypedSelector';
+import { usePageLink } from '@/pages/usePageLink';
+
 import { useActions } from '../../hooks/useActions';
 
 import { DropdownMenu } from './DropdownMenu';
diff --git a/src/features/wallet/components/WalletProtectionWarning/WalletProtectionWarning.tsx b/src/features/wallet/components/WalletProtectionWarning/WalletProtectionWarning.tsx
index 7a98084..0d00bd8 100644
--- a/src/features/wallet/components/WalletProtectionWarning/WalletProtectionWarning.tsx
+++ b/src/features/wallet/components/WalletProtectionWarning/WalletProtectionWarning.tsx
@@ -8,7 +8,7 @@ import {
 } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 
-import { AlertMessage } from '../../../ui/components/AlertMessage/AlertMessage';
+import { AlertMessage } from '@/features/ui/components/AlertMessage/AlertMessage';
 
 export const WalletProtectionWarning: React.FC = () => {
   const { t } = useTranslation('FeatureWallet');
diff --git a/src/features/wallet/hooks/useWalletAuthentication.ts b/src/features/wallet/hooks/useWalletAuthentication.ts
index 6fd6682..5b5e04a 100644
--- a/src/features/wallet/hooks/useWalletAuthentication.ts
+++ b/src/features/wallet/hooks/useWalletAuthentication.ts
@@ -1,4 +1,5 @@
-import useTypedSelector from '../../../hooks/useTypedSelector';
+import useTypedSelector from '@/hooks/useTypedSelector';
+
 import { WalletState } from '../models/types/WalletState';
 export const useWalletAuthentication = () => {
   const walletState = useTypedSelector(state => state.wallet.state.state);
diff --git a/src/features/wallet/models/account/actionEffects/disconnectWallet.test.ts b/src/features/wallet/models/account/actionEffects/disconnectWallet.test.ts
index 1f164a6..6c640a3 100644
--- a/src/features/wallet/models/account/actionEffects/disconnectWallet.test.ts
+++ b/src/features/wallet/models/account/actionEffects/disconnectWallet.test.ts
@@ -2,7 +2,8 @@ import { call } from 'redux-saga/effects';
 import { expectSaga } from 'redux-saga-test-plan';
 import { throwError } from 'redux-saga-test-plan/providers';
 
-import { IWalletAccountApi } from '../../../../../services/interfaces/IWalletAccountApi';
+import { IWalletAccountApi } from '@/services/interfaces/IWalletAccountApi';
+
 import * as walletStateSliceActions from '../../slice';
 
 import { HandleStateDisconnectRequested } from './disconnectWallet';
diff --git a/src/features/wallet/models/account/actionEffects/disconnectWallet.ts b/src/features/wallet/models/account/actionEffects/disconnectWallet.ts
index 8f17db2..1cdd5a7 100644
--- a/src/features/wallet/models/account/actionEffects/disconnectWallet.ts
+++ b/src/features/wallet/models/account/actionEffects/disconnectWallet.ts
@@ -1,6 +1,7 @@
 import { call, put } from 'redux-saga/effects';
 
-import { IWalletAccountApi } from '../../../../../services/interfaces/IWalletAccountApi';
+import { IWalletAccountApi } from '@/services/interfaces/IWalletAccountApi';
+
 import * as walletStateSliceActions from '../../slice';
 import { LoadingStatusType } from '../../types/LoadingStatus';
 
diff --git a/src/features/wallet/models/account/actionEffects/loadAccount.test.ts b/src/features/wallet/models/account/actionEffects/loadAccount.test.ts
index c6dff1c..5cdbe99 100644
--- a/src/features/wallet/models/account/actionEffects/loadAccount.test.ts
+++ b/src/features/wallet/models/account/actionEffects/loadAccount.test.ts
@@ -2,7 +2,8 @@ import { call } from 'redux-saga/effects';
 import { expectSaga, testSaga } from 'redux-saga-test-plan';
 import { throwError } from 'redux-saga-test-plan/providers';
 
-import { IWalletAccountApi } from '../../../../../services/interfaces/IWalletAccountApi';
+import { IWalletAccountApi } from '@/services/interfaces/IWalletAccountApi';
+
 import { SlowDown } from '../../../utils';
 import * as slicesActions from '../slice';
 import { AccountLoadState } from '../types/AccountLoadState';
diff --git a/src/features/wallet/models/account/actionEffects/loadAccount.ts b/src/features/wallet/models/account/actionEffects/loadAccount.ts
index f997331..1f5560e 100644
--- a/src/features/wallet/models/account/actionEffects/loadAccount.ts
+++ b/src/features/wallet/models/account/actionEffects/loadAccount.ts
@@ -1,6 +1,7 @@
 import { put, call } from 'redux-saga/effects';
 
-import { IWalletAccountApi } from '../../../../../services/interfaces/IWalletAccountApi';
+import { IWalletAccountApi } from '@/services/interfaces/IWalletAccountApi';
+
 import { SlowDown } from '../../../utils';
 import * as networkActions from '../../network/actions';
 import * as walletStateSliceActions from '../../slice';
diff --git a/src/features/wallet/models/account/actionEffects/signIn.test.ts b/src/features/wallet/models/account/actionEffects/signIn.test.ts
index 841c789..714747f 100644
--- a/src/features/wallet/models/account/actionEffects/signIn.test.ts
+++ b/src/features/wallet/models/account/actionEffects/signIn.test.ts
@@ -2,7 +2,8 @@ import { call, spawn, put, delay, select } from 'redux-saga/effects';
 import { expectSaga, testSaga } from 'redux-saga-test-plan';
 import { throwError } from 'redux-saga-test-plan/providers';
 
-import { IWalletAccountApi } from '../../../../../services/interfaces/IWalletAccountApi';
+import { IWalletAccountApi } from '@/services/interfaces/IWalletAccountApi';
+
 import { SIGN_TIMEOUT_IN_SEC } from '../../../config';
 import { SlowDown } from '../../../utils';
 import * as walletStateSliceActions from '../../slice';
diff --git a/src/features/wallet/models/account/actionEffects/signIn.ts b/src/features/wallet/models/account/actionEffects/signIn.ts
index 2af8e83..7f4f8b4 100644
--- a/src/features/wallet/models/account/actionEffects/signIn.ts
+++ b/src/features/wallet/models/account/actionEffects/signIn.ts
@@ -9,8 +9,9 @@ import {
   take,
 } from 'redux-saga/effects';
 
-import { IWalletAccountApi } from '../../../../../services/interfaces/IWalletAccountApi';
-import { RootState } from '../../../../../store/store';
+import { IWalletAccountApi } from '@/services/interfaces/IWalletAccountApi';
+import { RootState } from '@/store/store';
+
 import { DISABLE_WALLET_SIGN, SIGN_TIMEOUT_IN_SEC } from '../../../config';
 import { SlowDown } from '../../../utils';
 import { connectWallet } from '../../provider/actions';
diff --git a/src/features/wallet/models/account/actionEffects/unlockWallet.test.ts b/src/features/wallet/models/account/actionEffects/unlockWallet.test.ts
index 77762b4..e9474fa 100644
--- a/src/features/wallet/models/account/actionEffects/unlockWallet.test.ts
+++ b/src/features/wallet/models/account/actionEffects/unlockWallet.test.ts
@@ -2,7 +2,8 @@ import { call } from 'redux-saga/effects';
 import { expectSaga, testSaga } from 'redux-saga-test-plan';
 import { throwError } from 'redux-saga-test-plan/providers';
 
-import { IWalletAccountApi } from '../../../../../services/interfaces/IWalletAccountApi';
+import { IWalletAccountApi } from '@/services/interfaces/IWalletAccountApi';
+
 import { SlowDown } from '../../../utils';
 import { WalletState } from '../../types/WalletState';
 import * as slicesActions from '../slice';
diff --git a/src/features/wallet/models/account/actionEffects/unlockWallet.ts b/src/features/wallet/models/account/actionEffects/unlockWallet.ts
index a6ce56b..e726e8c 100644
--- a/src/features/wallet/models/account/actionEffects/unlockWallet.ts
+++ b/src/features/wallet/models/account/actionEffects/unlockWallet.ts
@@ -1,9 +1,10 @@
 import log from 'loglevel';
 import { put, call, select } from 'redux-saga/effects';
 
-import { IWalletAccountApi } from '../../../../../services/interfaces/IWalletAccountApi';
-import { IWalletAPI } from '../../../../../services/interfaces/IWalletAPI';
-import { RootState } from '../../../../../store/store';
+import { IWalletAccountApi } from '@/services/interfaces/IWalletAccountApi';
+import { IWalletAPI } from '@/services/interfaces/IWalletAPI';
+import { RootState } from '@/store/store';
+
 import { SlowDown } from '../../../utils';
 import * as walletStateSliceActions from '../../slice';
 import { LoadingStatusType } from '../../types/LoadingStatus';
diff --git a/src/features/wallet/models/network/actionEffects/latestBlock.test.ts b/src/features/wallet/models/network/actionEffects/latestBlock.test.ts
index 085d695..6f77bd4 100644
--- a/src/features/wallet/models/network/actionEffects/latestBlock.test.ts
+++ b/src/features/wallet/models/network/actionEffects/latestBlock.test.ts
@@ -1,7 +1,8 @@
 import { call } from 'redux-saga/effects';
 import { expectSaga } from 'redux-saga-test-plan';
 
-import { IWalletNetworkApi } from '../../../../../services/interfaces/IWalletNetworkApi';
+import { IWalletNetworkApi } from '@/services/interfaces/IWalletNetworkApi';
+
 import * as slicesActions from '../slice';
 import { BlockInfo } from '../types/BlockInfo';
 
diff --git a/src/features/wallet/models/network/actionEffects/latestBlock.ts b/src/features/wallet/models/network/actionEffects/latestBlock.ts
index 51204f0..8f0a2db 100644
--- a/src/features/wallet/models/network/actionEffects/latestBlock.ts
+++ b/src/features/wallet/models/network/actionEffects/latestBlock.ts
@@ -1,6 +1,7 @@
 import { put, call } from 'redux-saga/effects';
 
-import { IWalletNetworkApi } from '../../../../../services/interfaces/IWalletNetworkApi';
+import { IWalletNetworkApi } from '@/services/interfaces/IWalletNetworkApi';
+
 import { LoadingStatusType } from '../../types/LoadingStatus';
 import * as slicesActions from '../slice';
 import { BlockInfo } from '../types/BlockInfo';
diff --git a/src/features/wallet/models/network/actionEffects/loadNetwork.test.ts b/src/features/wallet/models/network/actionEffects/loadNetwork.test.ts
index 6769940..97dd7f7 100644
--- a/src/features/wallet/models/network/actionEffects/loadNetwork.test.ts
+++ b/src/features/wallet/models/network/actionEffects/loadNetwork.test.ts
@@ -2,7 +2,8 @@ import { call, spawn } from 'redux-saga/effects';
 import { expectSaga } from 'redux-saga-test-plan';
 import { throwError } from 'redux-saga-test-plan/providers';
 
-import { IWalletNetworkApi } from '../../../../../services/interfaces/IWalletNetworkApi';
+import { IWalletNetworkApi } from '@/services/interfaces/IWalletNetworkApi';
+
 import { HardhatChain } from '../../../chains/hardhat';
 import { SlowDown } from '../../../utils';
 import * as walletStateSliceActions from '../../slice';
diff --git a/src/features/wallet/models/network/actionEffects/loadNetwork.ts b/src/features/wallet/models/network/actionEffects/loadNetwork.ts
index dc843a4..ae4e9a9 100644
--- a/src/features/wallet/models/network/actionEffects/loadNetwork.ts
+++ b/src/features/wallet/models/network/actionEffects/loadNetwork.ts
@@ -1,7 +1,8 @@
 import { END, EventChannel } from 'redux-saga';
 import { put, call, take, spawn } from 'redux-saga/effects';
 
-import { IWalletNetworkApi } from '../../../../../services/interfaces/IWalletNetworkApi';
+import { IWalletNetworkApi } from '@/services/interfaces/IWalletNetworkApi';
+
 import { DISABLE_WALLET_SIGN } from '../../../config';
 import { SlowDown } from '../../../utils';
 import * as accountActions from '../../account/actions';
diff --git a/src/features/wallet/models/network/actionEffects/switchNetwork.test.ts b/src/features/wallet/models/network/actionEffects/switchNetwork.test.ts
index 5a17cb1..4824549 100644
--- a/src/features/wallet/models/network/actionEffects/switchNetwork.test.ts
+++ b/src/features/wallet/models/network/actionEffects/switchNetwork.test.ts
@@ -2,7 +2,8 @@ import { call } from 'redux-saga/effects';
 import { expectSaga } from 'redux-saga-test-plan';
 import { throwError } from 'redux-saga-test-plan/providers';
 
-import { IWalletNetworkApi } from '../../../../../services/interfaces/IWalletNetworkApi';
+import { IWalletNetworkApi } from '@/services/interfaces/IWalletNetworkApi';
+
 import { HardhatChain } from '../../../chains/hardhat';
 import { SlowDown } from '../../../utils';
 import * as walletStateSliceActions from '../../slice';
diff --git a/src/features/wallet/models/network/actionEffects/switchNetwork.ts b/src/features/wallet/models/network/actionEffects/switchNetwork.ts
index 03f8837..71655c6 100644
--- a/src/features/wallet/models/network/actionEffects/switchNetwork.ts
+++ b/src/features/wallet/models/network/actionEffects/switchNetwork.ts
@@ -1,7 +1,8 @@
 import { put, call } from 'redux-saga/effects';
 
-import { IWalletAPI } from '../../../../../services/interfaces/IWalletAPI';
-import { IWalletNetworkApi } from '../../../../../services/interfaces/IWalletNetworkApi';
+import { IWalletAPI } from '@/services/interfaces/IWalletAPI';
+import { IWalletNetworkApi } from '@/services/interfaces/IWalletNetworkApi';
+
 import { SlowDown } from '../../../utils';
 import * as accountActions from '../../account/actions';
 import * as walletStateSliceActions from '../../slice';
diff --git a/src/features/wallet/models/provider/actionEffects/loadProvider.test.ts b/src/features/wallet/models/provider/actionEffects/loadProvider.test.ts
index a6e0cb4..7a942b1 100644
--- a/src/features/wallet/models/provider/actionEffects/loadProvider.test.ts
+++ b/src/features/wallet/models/provider/actionEffects/loadProvider.test.ts
@@ -2,7 +2,8 @@ import { call } from 'redux-saga/effects';
 import { expectSaga, testSaga } from 'redux-saga-test-plan';
 import { throwError } from 'redux-saga-test-plan/providers';
 
-import { IWalletProviderApi } from '../../../../../services/interfaces/IWalletProviderApi';
+import { IWalletProviderApi } from '@/services/interfaces/IWalletProviderApi';
+
 import { SlowDown } from '../../../utils';
 import * as walletStateSliceActions from '../../slice';
 import * as slicesActions from '../slice';
diff --git a/src/features/wallet/models/provider/actionEffects/loadProvider.ts b/src/features/wallet/models/provider/actionEffects/loadProvider.ts
index 0836343..0a5f2e7 100644
--- a/src/features/wallet/models/provider/actionEffects/loadProvider.ts
+++ b/src/features/wallet/models/provider/actionEffects/loadProvider.ts
@@ -1,6 +1,7 @@
 import { put, call } from 'redux-saga/effects';
 
-import { IWalletProviderApi } from '../../../../../services/interfaces/IWalletProviderApi';
+import { IWalletProviderApi } from '@/services/interfaces/IWalletProviderApi';
+
 import { SlowDown } from '../../../utils';
 import * as actions from '../../account/actions';
 import * as walletStateSliceActions from '../../slice';
diff --git a/src/hooks/useTypedSelector.ts b/src/hooks/useTypedSelector.ts
index 3515aa6..b338c9f 100644
--- a/src/hooks/useTypedSelector.ts
+++ b/src/hooks/useTypedSelector.ts
@@ -1,6 +1,6 @@
 import { TypedUseSelectorHook, useSelector } from 'react-redux';
 
-import { RootState } from '../store/store';
+import { RootState } from '@/store/store';
 
 const useTypedSelector: TypedUseSelectorHook<RootState> = useSelector;
 
diff --git a/src/main.tsx b/src/main.tsx
index 251800a..eea7248 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import ReactDOM from 'react-dom/client';
 
 import './index.css';
diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index bf8cd88..9bd41ea 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 import {
   Container,
   Stack,
@@ -9,11 +11,10 @@ import {
   Tag,
   Image,
 } from '@chakra-ui/react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaExternalLinkAlt } from 'react-icons/fa';
 
-import { PageMeta } from '../../features/ui/components/PageMeta/PageMeta';
+import { PageMeta } from '@/features/ui/components/PageMeta/PageMeta';
 
 import logo from './assets/images/logo.svg';
 
diff --git a/src/pages/NotFound/NoteFound.test.tsx b/src/pages/NotFound/NotFound.test.tsx
similarity index 84%
rename from src/pages/NotFound/NoteFound.test.tsx
rename to src/pages/NotFound/NotFound.test.tsx
index 902a183..b8cf5b4 100644
--- a/src/pages/NotFound/NoteFound.test.tsx
+++ b/src/pages/NotFound/NotFound.test.tsx
@@ -1,7 +1,7 @@
 import { render } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 
-import { NotFoundPage } from './NoteFound';
+import { NotFoundPage } from './NotFound';
 
 jest.mock('../usePageLink', () => {
   return {
@@ -9,7 +9,7 @@ jest.mock('../usePageLink', () => {
   };
 });
 
-describe.skip('NoteFoundPage', () => {
+describe.skip('NotFoundPage', () => {
   it('should render the component', () => {
     const { getByText } = render(
       <MemoryRouter>
diff --git a/src/pages/NotFound/NoteFound.tsx b/src/pages/NotFound/NotFound.tsx
similarity index 100%
rename from src/pages/NotFound/NoteFound.tsx
rename to src/pages/NotFound/NotFound.tsx
diff --git a/src/pages/Router.tsx b/src/pages/Router.tsx
index c550526..32223a7 100644
--- a/src/pages/Router.tsx
+++ b/src/pages/Router.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
+
 import { RouteObject, useRoutes } from 'react-router-dom';
 
-import { i18nConfig } from '../features/i18n/config';
+import { i18nConfig } from '@/features/i18n/config';
 
 import { usePages } from './usePages';
 
@@ -21,14 +22,14 @@ const BrowserRouter = React.lazy(() =>
 
 const Layout = React.lazy(() =>
   import(
-    /* webpackChunkName: "Layout" */ '../features/ui/components/Layout/Layout'
+    /* webpackChunkName: "Layout" */ '@/features/ui/components/Layout/Layout'
   ).then(module => ({
     default: module.Layout,
   }))
 );
 
 const NotFoundPage = React.lazy(() =>
-  import(/* webpackChunkName: "NotFoundPage" */ './NotFound/NoteFound').then(
+  import(/* webpackChunkName: "NotFoundPage" */ './NotFound/NotFound').then(
     module => ({ default: module.NotFoundPage })
   )
 );
diff --git a/src/pages/User/User.tsx b/src/pages/User/User.tsx
index dbc5347..eeda887 100644
--- a/src/pages/User/User.tsx
+++ b/src/pages/User/User.tsx
@@ -1,8 +1,9 @@
-import { Box, Container, Stack } from '@chakra-ui/react';
 import React from 'react';
+
+import { Box, Container, Stack } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 
-import { withWalletProtection } from '../../features/wallet/hocs/withWalletProtection';
+import { withWalletProtection } from '@/features/wallet/hocs/withWalletProtection';
 
 import { Header } from './components/Header';
 
diff --git a/src/pages/User/components/Header.tsx b/src/pages/User/components/Header.tsx
index 29cd8a8..d10f10f 100644
--- a/src/pages/User/components/Header.tsx
+++ b/src/pages/User/components/Header.tsx
@@ -1,11 +1,13 @@
-import { Heading, Divider, Text, HStack, Flex } from '@chakra-ui/react';
 import React, { useEffect } from 'react';
+
+import { Heading, Divider, Text, HStack, Flex } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 
-import { BlockInfo } from '../../../features/wallet/components/BlockInfo/BlockInfo';
-import { NetworkLogo } from '../../../features/wallet/components/NetworkLogo/NetworkLogo';
-import { useActions } from '../../../features/wallet/hooks/useActions';
-import useTypedSelector from '../../../hooks/useTypedSelector';
+
+import { BlockInfo } from '@/features/wallet/components/BlockInfo/BlockInfo';
+import { NetworkLogo } from '@/features/wallet/components/NetworkLogo/NetworkLogo';
+import { useActions } from '@/features/wallet/hooks/useActions';
+import useTypedSelector from '@/hooks/useTypedSelector';
 
 export const Header: React.FC = () => {
   const { t } = useTranslation('PageUser');
diff --git a/src/pages/usePageLink.tsx b/src/pages/usePageLink.tsx
index 235d96c..9a265dd 100644
--- a/src/pages/usePageLink.tsx
+++ b/src/pages/usePageLink.tsx
@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 
-import { i18nConfig } from '../features/i18n/config';
+import { i18nConfig } from '@/features/i18n/config';
 
 export const usePageLink = () => {
   const { i18n } = useTranslation();
diff --git a/src/pages/usePages.tsx b/src/pages/usePages.tsx
index 820fe3c..96d36dd 100644
--- a/src/pages/usePages.tsx
+++ b/src/pages/usePages.tsx
@@ -1,10 +1,11 @@
 /* eslint-disable react-refresh/only-export-components */
 import React from 'react';
+
 import { useTranslation } from 'react-i18next';
 import { RouteObject } from 'react-router-dom';
 
-import { i18nConfig } from '../features/i18n/config';
-import { useWalletAuthentication } from '../features/wallet/hooks/useWalletAuthentication';
+import { i18nConfig } from '@/features/i18n/config';
+import { useWalletAuthentication } from '@/features/wallet/hooks/useWalletAuthentication';
 
 import { MenuType, PageType } from './types';
 
diff --git a/src/services/ethersV5/interfaces/IWalletEthersV5ProviderApi.ts b/src/services/ethersV5/interfaces/IWalletEthersV5ProviderApi.ts
index 2ef7698..5236b1d 100644
--- a/src/services/ethersV5/interfaces/IWalletEthersV5ProviderApi.ts
+++ b/src/services/ethersV5/interfaces/IWalletEthersV5ProviderApi.ts
@@ -1,6 +1,8 @@
 import { ethers } from 'ethers';
 
-export interface IWalletEthersV5ProviderApi {
+import { IWalletAPI } from '../../interfaces/IWalletAPI';
+
+export interface IWalletEthersV5ProviderApi extends IWalletAPI {
   // following methods are needed for using provider and signer in contract services
   getProvider(): ethers.providers.Web3Provider | null;
   getSignerAddress(): string | null;
diff --git a/src/services/ethersV5/wallet/WalletAPI.ts b/src/services/ethersV5/wallet/WalletAPI.ts
index 39b6a0d..9c166cb 100644
--- a/src/services/ethersV5/wallet/WalletAPI.ts
+++ b/src/services/ethersV5/wallet/WalletAPI.ts
@@ -3,14 +3,14 @@ import { ethers } from 'ethers';
 import log from 'loglevel';
 import { eventChannel, EventChannel } from 'redux-saga';
 
-import { AvalancheChain } from '../../../features/wallet/chains/avalanche';
-import { EthereumMainnetChain } from '../../../features/wallet/chains/ethereum';
+import { AvalancheChain } from '@/features/wallet/chains/avalanche';
+import { EthereumMainnetChain } from '@/features/wallet/chains/ethereum';
 import {
   DISABLE_WALLET_SIGN,
   SUPPORTED_NETWORKS,
-} from '../../../features/wallet/config';
-import { AccountType } from '../../../features/wallet/models/account/types/Account';
-import { IWalletAPI } from '../../interfaces/IWalletAPI';
+} from '@/features/wallet/config';
+import { AccountType } from '@/features/wallet/models/account/types/Account';
+
 import { AvvyAPI } from '../avvy/AvvyAPI';
 import { IWalletEthersV5ProviderApi } from '../interfaces/IWalletEthersV5ProviderApi';
 
@@ -22,10 +22,8 @@ class MetamaskError extends Error {
   code: string | undefined;
 }
 
-export class EthersV5WalletAPI
-  implements IWalletAPI, IWalletEthersV5ProviderApi
-{
-  private static _instance: IWalletAPI | null = null;
+export class EthersV5WalletAPI implements IWalletEthersV5ProviderApi {
+  private static _instance: IWalletEthersV5ProviderApi | null = null;
   private _isUnlocked: boolean = false;
   private _isSigned: boolean = false;
   private _signerAddress: string | null = null;
@@ -36,7 +34,7 @@ export class EthersV5WalletAPI
 
   private constructor() {}
 
-  public static getInstance(): IWalletAPI {
+  public static getInstance(): IWalletEthersV5ProviderApi {
     if (this._instance === null) {
       log.debug('ethers init');
       this._instance = new EthersV5WalletAPI();
diff --git a/src/services/interfaces/IWalletAccountApi.ts b/src/services/interfaces/IWalletAccountApi.ts
index 6ec2c3f..730de48 100644
--- a/src/services/interfaces/IWalletAccountApi.ts
+++ b/src/services/interfaces/IWalletAccountApi.ts
@@ -1,6 +1,6 @@
 import { EventChannel } from 'redux-saga';
 
-import { AccountType } from '../../features/wallet/models/account/types/Account';
+import { AccountType } from '@/features/wallet/models/account/types/Account';
 
 export interface IWalletAccountApi {
   isUnlocked(): Promise<boolean>;
diff --git a/src/services/interfaces/IWalletNetworkApi.ts b/src/services/interfaces/IWalletNetworkApi.ts
index 1d2eba8..6212878 100644
--- a/src/services/interfaces/IWalletNetworkApi.ts
+++ b/src/services/interfaces/IWalletNetworkApi.ts
@@ -1,6 +1,6 @@
 import { EventChannel } from 'redux-saga';
 
-import { Network } from '../../features/wallet/models/network/types/Network';
+import { Network } from '@/features/wallet/models/network/types/Network';
 
 export interface IWalletNetworkApi {
   loadNetwork(): Promise<Network | undefined>;
diff --git a/src/store/rootReducer.ts b/src/store/rootReducer.ts
index 22a3bb9..317a0cb 100644
--- a/src/store/rootReducer.ts
+++ b/src/store/rootReducer.ts
@@ -1,6 +1,6 @@
 import { combineReducers } from '@reduxjs/toolkit';
 
-import { walletReducer } from '../features/wallet/slice';
+import { walletReducer } from '@/features/wallet/slice';
 
 export default combineReducers({
   wallet: walletReducer,
diff --git a/src/store/store.ts b/src/store/store.ts
index 7eb7b2b..698c4ae 100644
--- a/src/store/store.ts
+++ b/src/store/store.ts
@@ -5,7 +5,8 @@ import { all, fork } from 'redux-saga/effects';
 
 import {
   watchWalletSaga /*announceWalletLoaded*/,
-} from '../features/wallet/sagas';
+} from '@/features/wallet/sagas';
+
 import { EthersV5WalletAPI } from '../services/ethersV5/wallet/WalletAPI';
 
 import RootReducer from './rootReducer';
diff --git a/tsconfig.json b/tsconfig.json
index ed5797b..bbfdca8 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,7 +5,8 @@
     "lib": [
       "ES2020",
       "DOM",
-      "DOM.Iterable"
+      "DOM.Iterable",
+      "ESNext"
     ],
     "module": "ESNext",
     "skipLibCheck": true,
@@ -21,7 +22,31 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/features/i18n/*": [
+        "./src/features/i18n/*"
+      ],
+      "@/features/ui/*": [
+        "./src/features/ui/*"
+      ],
+      "@/features/wallet/*": [
+        "./src/features/wallet/*"
+      ],
+      "@/services/*": [
+        "./src/services/*"
+      ],
+      "@/pages/*": [
+        "./src/pages/*"
+      ],
+      "@/hooks/*": [
+        "./src/hooks/*"
+      ],
+      "@/store/*": [
+        "./src/store/*"
+      ],
+    }
   },
   "include": [
     "src"
diff --git a/vite.config.ts b/vite.config.ts
index 9bf7c1b..145c338 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,9 +1,10 @@
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tsconfigPaths()],
   build: {
     outDir: 'build',
     sourcemap: false,