update

Author: mukitul

README.md

@@ -6,6 +6,7 @@
 - [FAQ: Difference between - npm install & npm ci](#faq-difference-between-npm-install--npm-ci)
 - [Description of Folder Structure](#description-of-folder-structure)
 - [How to Create a Similar Project By Yourself](#how-to-create-a-similar-project-by-yourself)
+- [How to Dockerize React App (Coming Soon on My Blog)](https://mukitul-islam.blogspot.com/)
 
 #
 

src/App.tsx

@@ -4,12 +4,13 @@ import {
 } from "react-router-dom";
 import MainLayout from "./components/layouts/MainLayout";
 import HomeScreen from "./components/screens/home/HomeScreen";
+import { AppRoutes } from "./utils/AppRoutes";
 
 const getMainLayout = () => {
   return (<MainLayout>
     <Routes>
-      <Route path={"/home"} element={<HomeScreen />} />
-      <Route path={"*"} element={<HomeScreen />} />
+      <Route path={AppRoutes.HOME} element={<HomeScreen />} />
+      <Route path={AppRoutes.ANY} element={<HomeScreen />} />
     </Routes>
   </MainLayout>)
 

src/utils/AppRoutes.ts

@@ -0,0 +1,4 @@
+export const AppRoutes = {
+    ANY: '*',
+    HOME: '/home'
+}