diff --git a/src/constants/apps-consts.ts b/src/constants/apps-consts.ts
index f159326c..aa3032c6 100644
--- a/src/constants/apps-consts.ts
+++ b/src/constants/apps-consts.ts
@@ -18,6 +18,12 @@ export const APPS_CONSTS = [
         url: '/explorer',
         private: false,
     },
+    {
+        name: 'DAC',
+        subText: 'Decentralized Autonomous Consortium',
+        url: '/dac',
+        private: false,
+    },
     {
         name: 'Settings',
         subText: 'Manage your wallet settings.',
diff --git a/src/layout/RenderApp.tsx b/src/layout/RenderApp.tsx
index d4078264..6bd85daa 100644
--- a/src/layout/RenderApp.tsx
+++ b/src/layout/RenderApp.tsx
@@ -3,11 +3,13 @@ import React from 'react'
 import { RootState } from '../redux/store'
 import Wallet from './WalletApp'
 import { useAppSelector } from '../hooks/reduxHooks'
+import VoteApp from '../views/vote/VoteApp'
 
 const RenderApp = () => {
     const activeApp = useAppSelector((state: RootState) => state.appConfig.activeApp)
     if (activeApp === 'Explorer') return <ExplorerApp />
     else if (activeApp === 'Wallet') return <Wallet />
+    else if (activeApp === 'DAC') return <VoteApp />
     return <div>Not Yet Implemented</div>
 }
 
diff --git a/src/layout/RoutesSuite.tsx b/src/layout/RoutesSuite.tsx
index c4099e60..81083080 100644
--- a/src/layout/RoutesSuite.tsx
+++ b/src/layout/RoutesSuite.tsx
@@ -10,6 +10,7 @@ import Legal from '../views/legal/Legal'
 import LoginPage from '../views/login/LoginPage'
 import MountAccessComponent from '../views/access/MountAccessComponent'
 import MultisigWallet from '../views/settings/MultisigWallet'
+import VoteApp from '../views/vote/VoteApp'
 import Partners from '../views/partners'
 import Protected from './Protected'
 import Settings from '../views/settings/index'
@@ -70,6 +71,9 @@ export default function RoutesSuite() {
                             path="/explorer"
                             element={<Navigate to={`/explorer/${networkAliasToUrl}`} />}
                         />
+
+                        <Route path={`/dac/*`} element={<VoteApp />} />
+                        <Route path={`/dac`} element={<Navigate to="/dac/active" />} />
                     </>
                 ) : null}
                 <Route element={<Protected />}>
diff --git a/src/views/vote/VoteApp.tsx b/src/views/vote/VoteApp.tsx
new file mode 100644
index 00000000..83b75934
--- /dev/null
+++ b/src/views/vote/VoteApp.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import useNetwork from '../../hooks/useNetwork'
+const Vote = React.lazy(() => import('DAC/dac'))
+
+const VoteApp = () => {
+    const { activeNetwork } = useNetwork()
+    return (
+        <React.Suspense fallback={<div>Loading...</div>}>
+            <Vote network={activeNetwork} />
+        </React.Suspense>
+    )
+}
+
+export default VoteApp
diff --git a/webpack.local.js b/webpack.local.js
index a667f50f..36c3a220 100644
--- a/webpack.local.js
+++ b/webpack.local.js
@@ -24,6 +24,7 @@ module.exports = merge(common, {
             remotes: {
                 Explorer: 'Explorer@http://localhost:5002/remoteEntry.js',
                 wallet: 'wallet@http://localhost:5003/remoteEntry.js',
+                DAC: 'dac@http://localhost:5005/remoteEntry.js',
             },
             exposes: {},
             shared: {