diff --git a/src/App.tsx b/src/App.tsx
deleted file mode 100644
index e212c458072191f52fc410e3efd48e78ac06056b..0000000000000000000000000000000000000000
--- a/src/App.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-// import reactLogo from './assets/react.svg'
-// import AlbumRouter from './router/AlbumRouter';
-// import SongsRouter from './router/SongsRouter';
-// import AlbumLayout from './layouts/AlbumLayout';
-// import SongsLayout from './layouts/SongsLayout';
-import TonalityRouter from "./router/TonalityRouter.tsx";
-
-import './App.css'
-
-function App() {
-  return (
-    <>
-      <TonalityRouter/>
-    </>
-  )
-}
-
-export default App
diff --git a/src/layouts/AlbumLayout.tsx b/src/layouts/AlbumLayout.tsx
deleted file mode 100644
index e9a9defcff63a91af3dd829028e788a0593fafbb..0000000000000000000000000000000000000000
--- a/src/layouts/AlbumLayout.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-// import React, { ReactNode } from 'react';
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
-import Sidebar from '../components/sidebar';
-import AlbumPage from '../pages/AlbumPage';
-import EditAlbum from '../pages/EditAlbumPage';
-import AddAlbum from '../pages/AddAlbumPage';
-// import DeleteAlbumDialog from '@/components/delete-dialog-album';
-
-// interface AlbumLayoutProps {
-//   children: ReactNode;
-// }
-
-const AlbumLayout= () => {
-  return (
-    <BrowserRouter>
-      <div className="flex">
-        <Sidebar></Sidebar>
-        <div className='ml-20 pr-10'>
-          <Routes>
-            <Route path="/albums" element={<AlbumPage></AlbumPage>} />
-            <Route path="/1/edit-album" element={<EditAlbum></EditAlbum>} />
-            <Route path="/add-album" element={<AddAlbum></AddAlbum>} />
-            {/*<Route path="/1/delete-album" element={<DeleteAlbumDialog></DeleteAlbumDialog>} />*/}
-          </Routes>
-        </div>
-      </div>
-    </BrowserRouter>
-  );
-};
-
-export default AlbumLayout;
diff --git a/src/layouts/SongsLayout.tsx b/src/layouts/SongsLayout.tsx
deleted file mode 100644
index d41eb0182bcadc3972d940b2828f12ce2cba22dc..0000000000000000000000000000000000000000
--- a/src/layouts/SongsLayout.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-// import React, { ReactNode } from 'react';
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
-import Sidebar from '../components/sidebar';
-import SongsPage from '../pages/SongsPage';
-import EditSong from '@/pages/EditSongPage';
-import AddSong from '@/pages/AddSongPage';
-// import DeleteSongDialog from '@/components/delete-dialog-song';
-
-const SongsLayout= () => {
-  return (
-    <BrowserRouter>
-      <div className="flex">
-        <Sidebar></Sidebar>
-        <div className='ml-20 pr-10'>
-          <Routes>
-            <Route path="/1/songs" element={<SongsPage></SongsPage>} />
-            <Route path="/1/edit-song/1" element={<EditSong></EditSong>} />
-            <Route path="/1/add-song" element={<AddSong></AddSong>} />
-            {/*<Route path="/1/delete-song/1" element={<DeleteSongDialog></DeleteSongDialog>} />*/}
-          </Routes>
-        </div>
-      </div>
-    </BrowserRouter>
-  );
-};
-
-export default SongsLayout;