created base structure

src/Root.tsx

@@ -0,0 +1,19 @@
+import { StrictMode } from 'react';
+import App from './App';
+import { Provider } from 'react-redux';
+import { store } from './app/store';
+import { HashRouter, Routes, Route } from 'react-router-dom';
+
+export const Root = () => {
+  return (
+    <Provider store={store}>
+      <StrictMode>
+        <HashRouter>
+          <Routes>
+            <Route path="/" element={<App />}></Route>
+          </Routes>
+        </HashRouter>
+      </StrictMode>
+    </Provider>
+  );
+};

src/components/Footer/Footer.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import './Footer.scss'
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const Footer: React.FC<Props> = () => {
+  return <></>;
+};

src/components/Footer/NavFooter/NavFooter.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import './NavFooter.scss'
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const NavFooter: React.FC<Props> = () => {
+  return <></>;
+};

src/components/Footer/NavFooter/index.ts

@@ -0,0 +1 @@
+export * from './NavFooter';

src/components/Footer/index.ts

@@ -0,0 +1 @@
+export * from './Footer';

src/components/Header/Header.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import './Header.scss'
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const Header: React.FC<Props> = () => {
+  return <></>;
+};

src/components/Header/NavHeader/NavHeader.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import './NavHeader.scss';
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const NavHeader: React.FC<Props> = () => {
+  return <></>;
+};

src/components/Header/NavHeader/index.ts

@@ -0,0 +1 @@
+export * from './NavHeader';

src/components/Header/index.ts

@@ -0,0 +1 @@
+export * from './Header';

src/components/Main/Main.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import './Main.scss'
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const Main: React.FC<Props> = () => {
+  return <></>;
+};

src/components/Main/index.ts

@@ -0,0 +1 @@
+export * from './Main';

src/components/OnlyMobile/Aside/Aside.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import './Aside.scss'
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const Aside: React.FC<Props> = () => {
+  return <></>;
+};

src/components/OnlyMobile/Aside/AsideFooter/AsideFooter.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import './AsideFooter.scss'
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const AsideFooter: React.FC<Props> = () => {
+  return <></>;
+};

src/components/OnlyMobile/Aside/AsideFooter/index.ts

@@ -0,0 +1 @@
+export * from './AsideFooter';

src/components/OnlyMobile/Aside/AsideHeader/AsideHeader.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import './AsideHeader.scss'
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const AsideHeader: React.FC<Props> = () => {
+  return <></>;
+};

src/components/OnlyMobile/Aside/AsideHeader/index.ts

@@ -0,0 +1 @@
+export * from './AsideHeader';

src/components/OnlyMobile/Aside/AsideNav/AsideNav.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import './AsideNav.scss'
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const AsideNav: React.FC<Props> = () => {
+  return <></>;
+};

src/components/OnlyMobile/Aside/AsideNav/index.ts

@@ -0,0 +1 @@
+export * from './AsideNav';

src/components/OnlyMobile/Aside/index.ts

@@ -0,0 +1 @@
+export * from './Aside';

src/main.tsx

@@ -1,9 +1,9 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import App from './App.tsx';
+import App from './App';
 import './index.css';
 import { Provider } from 'react-redux';
-import { store } from './app/store.ts';
+import { store } from './app/store';
 
 createRoot(document.getElementById('root')!).render(
   <Provider store={store}>

src/pages/MainPage/MainPage.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import './MainPage.scss';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const MainPage: React.FC<Props> = () => {
+  return <></>;
+};

src/pages/MainPage/index.ts

@@ -0,0 +1 @@
+export * from './MainPage';

src/pages/NotFoundPage/NotFoundPage.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import './NotFoundPage.scss'
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type Props = {};
+
+export const NotFoundPage: React.FC<Props> = () => {
+  return <></>;
+};

src/pages/NotFoundPage/index.tsx

@@ -0,0 +1 @@
+export * from './NotFoundPage';