NainikYork · j-gojariya · Jun 15, 2023 · Jun 15, 2023 · Jun 20, 2023 · Jun 22, 2023
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,4 +1,3 @@
-
 /**
  * This file is part of [York.IE React Base Starter Template]
  *
@@ -47,12 +46,14 @@
   },
   "plugins": ["react", "import", "prettier"],
   "rules": {
+    "react/prop-types": 0,
     "react/jsx-uses-react": ["off"],
     "react/react-in-jsx-scope": ["off"],
     "react/jsx-props-no-spreading": ["off"],
     "no-shadow": "off",
     "global-require": 0,
     "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
+    "import/prefer-default-export": ["off", { "target": "any" }],
     // "import/no-extraneous-dependencies": [
     //   "error",
     //   {

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,5 +1,5 @@
 {
-  "workbench.iconTheme": "vscode-icons",
+  "workbench.iconTheme": "vs-seti",
   "editor.formatOnPaste": true,
   "editor.formatOnSave": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",

diff --git a/craco.config.js b/craco.config.js
@@ -1,4 +1,3 @@
-
 /* eslint-disable global-require */
 /* eslint-disable import/no-dynamic-require */
 
@@ -20,6 +19,7 @@
  * --------------------------------------------------
  */
 
+const CracoLessPlugin = require('craco-less');
 const { merge } = require('webpack-merge');
 
 const commonConfig = require('./webpack/webpack.common');
@@ -30,6 +30,18 @@ module.exports = (envVars) => {
   const config = merge(commonConfig, envConfig);
 
   return {
+    plugins: [
+      {
+        plugin: CracoLessPlugin,
+        options: {
+          lessLoaderOptions: {
+            lessOptions: {
+              javascriptEnabled: true,
+            },
+          },
+        },
+      },
+    ],
     babel: {
       presets: [
         ['@babel/preset-env'],
@@ -52,3 +64,4 @@ module.exports = (envVars) => {
     webpack: { ...config },
   };
 };
+
diff --git a/package.json b/package.json
@@ -3,12 +3,29 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@ant-design/icons": "^5.1.4",
+    "@reduxjs/toolkit": "^1.9.5",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^13.0.0",
     "@testing-library/user-event": "^13.2.1",
+    "antd": "^5.6.1",
+    "craco-less": "^2.0.0",
+    "fast-sort": "^3.4.0",
+    "history": "^5.3.0",
+    "less": "^4.1.3",
+    "lodash.get": "^4.4.2",
+    "moment": "^2.29.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-otp-input": "^3.0.2",
+    "react-redux": "^8.0.7",
+    "react-router-dom": "^6.12.1",
     "react-scripts": "5.0.1",
+    "redux": "^4.2.1",
+    "redux-debounced": "^0.5.0",
+    "redux-persist": "^6.0.0",
+    "redux-persist-transform-encrypt": "^5.0.0",
+    "styled-components": "^6.0.0-rc.3",
     "web-vitals": "^2.1.0"
   },
   "scripts": {
@@ -75,7 +92,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "html-webpack-plugin": "^5.5.1",
     "husky": "^8.0.3",
-    "less-loader": "^11.1.2",
+    "less-loader": "^11.1.3",
     "lint-staged": "^13.2.2",
     "mini-css-extract-plugin": "^2.7.6",
     "postcss-loader": "^7.3.2",

diff --git a/public/index.html b/public/index.html
@@ -15,6 +15,10 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
+    />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -24,7 +28,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>ProxyIQ</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
@@ -41,3 +45,4 @@
     -->
   </body>
 </html>
+
diff --git a/src/App.js b/src/App.js
@@ -1,25 +1,15 @@
-import './App.css';
-import logo from './logo.svg';
+import { memo } from 'react';
+
+import AllRoutes from 'routes/AllRoutes';
+import './app.less';
+import './responsive.less';
 
 function App() {
   return (
     <div className="App">
-      <header className="App-header">
-        <img alt="logo" className="App-logo" src={logo} />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          rel="noopener noreferrer"
-          target="_blank"
-        >
-          Learn React
-        </a>
-      </header>
+      <AllRoutes />
     </div>
   );
 }
 
-export default App;
+export default memo(App);