feat: initial commit

src/pages/images/ImagesConfig.tsx

@@ -0,0 +1,10 @@
+import {RouteObject} from "react-router-dom";
+import {lazy} from "react";
+import {PngConfig} from "./png/PngConfig";
+
+const PngHome = lazy(() => import("./index"));
+
+export const ImagesConfig: RouteObject[] = [
+  {path: '', element: <PngHome/>},
+  {path: 'png', children: PngConfig},
+]

src/pages/images/index.tsx

@@ -0,0 +1,5 @@
+import {Box} from "@mui/material";
+
+export default function ImageHome() {
+  return (<Box></Box>)
+}

src/pages/images/png/PngConfig.tsx

@@ -0,0 +1,10 @@
+import {RouteObject} from "react-router-dom";
+import {lazy} from "react";
+
+const ChangeColorsInPng = lazy(() => import("./change-colors-in-png"));
+const PngHome = lazy(() => import("./"));
+
+export const PngConfig: RouteObject[] = [
+  {path: '', element: <PngHome/>},
+  {path: 'change-colors-in-png', element: <ChangeColorsInPng/>}
+]

src/pages/images/png/change-colors-in-png/index.tsx

@@ -0,0 +1,5 @@
+import { Box } from "@mui/material";
+
+export default function ChangeColorsInPng(){
+  return(<Box></Box>)
+}

src/pages/images/png/index.tsx

@@ -0,0 +1,5 @@
+import {Box} from "@mui/material";
+
+export default function PngHome() {
+  return (<Box></Box>)
+}