bkrmadtya · bkrmadtya · May 1, 2022 · May 1, 2022 · May 1, 2022 · May 1, 2022
diff --git a/.babelrc b/.babelrc
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,72 +1,21 @@
 {
+  "root": true,
   "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaVersion": 2018,
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "jsx": true
-    }
-  },
-  "plugins": ["@typescript-eslint", "react-hooks"],
+  "plugins": ["@typescript-eslint"],
   "extends": [
-    "plugin:react/recommended",
-    "plugin:@typescript-eslint/recommended"
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier"
   ],
-  "rules": {
-    "react-hooks/rules-of-hooks": "error",
-    "react-hooks/exhaustive-deps": "warn",
-    "react/prop-types": "off",
-    "valid-typeof": "error",
-    "semi": "off",
-    "no-console": "warn",
-    "no-var": "error",
-    "prefer-const": "error",
-    "eqeqeq": "error",
-    "keyword-spacing": "warn",
-    "space-before-function-paren": "off",
-    "space-infix-ops": "warn",
-    "comma-spacing": "warn",
-    "brace-style": "warn",
-    "curly": "error",
-    "handle-callback-err": "error",
-    "no-multi-spaces": "warn",
-    "no-multiple-empty-lines": "warn",
-    "operator-linebreak": "error",
-    "block-spacing": "warn",
-    "comma-dangle": "warn",
-    "comma-style": "warn",
-    "dot-location": ["error", "property"],
-    "key-spacing": "warn",
-    "no-const-assign": "error",
-    "no-constant-condition": "error",
-    "no-debugger": "error",
-    "no-delete-var": "error",
-    "no-dupe-args": "error",
-    "no-dupe-class-members": "error",
-    "no-duplicate-case": "error",
-    "no-duplicate-imports": "error",
-    "no-empty-pattern": "warn",
-    "no-fallthrough": "warn",
-    "no-lone-blocks": "warn",
-    "no-redeclare": "error",
-    "no-unmodified-loop-condition": "error",
-    "no-unneeded-ternary": "error",
-    "no-unreachable": "error",
-    "no-useless-computed-key": "error",
-    "no-useless-rename": "warn",
-    "no-whitespace-before-property": "error",
-    "semi-spacing": "warn",
-    "space-before-blocks": "warn",
-    "space-unary-ops": "warn",
-    "spaced-comment": "warn",
-    "use-isnan": "error",
-    "yoda": "error",
-    "no-tabs": "warn"
-  },
   "settings": {
-    "react": {
-      "pragma": "React",
-      "version": "detect"
+    "import/extensions": [".js", ".jsx", ".ts", ".tsx"],
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"]
+    },
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx"]
+      }
     }
   }
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
+}
diff --git a/README.md b/README.md
@@ -1,4 +1,3 @@
-
 <h1 align="center"> 
     Sorting Algorithm Visualizer
 </h1>   
@@ -7,40 +6,41 @@ This project was part of my thesis work. It is a visualizer application made wit
 </p>
 <p align="center">Application live on: https://algo-react-viz.netlify.app</p>
 
-
 ---
+
 <p align="center">
   <img align="center" src="./docs/visualization.gif"/>
 </p>
 
 ---
 
 ### Tech stack:
-- React 
-- TypeScript 
-- Redux 
-- React-Router 
-- SASS 
-- Babel 
-- Webpack 
+
+- React
+- TypeScript
+- Redux
+- React-Router
+- SASS
+- Vite
 - Eslint
 
 ### To run the project locally, clone the project and run:
 
-````bash 
+```bash
 npm install && npm start
-```` 
-Or 
+```
 
-````bash 
+Or
+
+```bash
 yarn install && yarn start
-```` 
-Or 
+```
 
-````bash 
-pnpm install && pnpm start
-```` 
+Or
 
+```bash
+pnpm install && pnpm start
+```
 
 <p align="center">
   <em>@bkrmadtya 2021</em>

diff --git a/docs/BasicHTML.md b/docs/BasicHTML.md
@@ -7,20 +7,21 @@
 <tr>
   <td>
 
-  ```html
-  <!DOCTYPE html>
-  <html lang="en">
-    <head>
-      <title>Basic HTML web page</title>
-    </head>
-    <body>
-      <h3>Hello world!</h3>
-    </body>
-  </html>
-  ```
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Basic HTML web page</title>
+  </head>
+  <body>
+    <h3>Hello world!</h3>
+  </body>
+</html>
+```
+
   </td>
   <td align="center">
       <h3>Hello world!</h3>
   </td>
 </tr>  
-</table>
+</table>
diff --git a/docs/BasicHTMLwithStyle.md b/docs/BasicHTMLwithStyle.md
@@ -22,25 +22,26 @@
 <tr>
   <td>
 
-  ```html
-  <!DOCTYPE html>
-  <html lang="en">
-    <head>
-      <title>Basic HTML web page</title>
-      <style>
-        h3 {
-          color: red;
-        }
-      </style>
-    </head>
-    <body>
-      <h3>Hello world!</h3>
-    </body>
-  </html>
-  ```
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Basic HTML web page</title>
+    <style>
+      h3 {
+        color: red;
+      }
+    </style>
+  </head>
+  <body>
+    <h3>Hello world!</h3>
+  </body>
+</html>
+```
+
   </td>
   <td align="center">
       <h3>Hello world!</h3>
   </td>
 </tr>  
-</table>
+</table>
diff --git a/docs/BasicReactComponent.md b/docs/BasicReactComponent.md
@@ -6,14 +6,15 @@
 <td>
 
 ```js
-import React from 'react';
+import React from 'react'
 
 const App = () => {
   return <h1>Hello World!</h1> // HTML like JSX syntax
 }
 
-export default App;
+export default App
 ```
+
 </td>
 </tr>
-</table>
+</table>
diff --git a/docs/JSvsTS.md b/docs/JSvsTS.md
@@ -12,8 +12,8 @@
 <td>
 
 ```js
-const squareOfNumber = (num) => {
-  console.log(num * num);
+const squareOfNumber = num => {
+  console.log(num * num)
 }
 
 /**
@@ -22,19 +22,18 @@ const squareOfNumber = (num) => {
  * Valid JavaScript syntax
  */
 
-squareOfNumber("incorrect data type");
-squareOfNumber(true);
-squareOfNumber([]);
-squareOfNumber(1);  
-
-
+squareOfNumber('incorrect data type')
+squareOfNumber(true)
+squareOfNumber([])
+squareOfNumber(1)
 ```
+
 </td>
 <td>
 
 ```ts
 const squareOfNumber = (num: number): void => {
-  console.log(num * num);
+  console.log(num * num)
 }
 
 /**
@@ -43,13 +42,14 @@ const squareOfNumber = (num: number): void => {
  * Invalid TypeScript syntax
  */
 
-squareOfNumber("incorrect data type");
-squareOfNumber(true);
-squareOfNumber([]);
+squareOfNumber('incorrect data type')
+squareOfNumber(true)
+squareOfNumber([])
 
 // Only valid TypeScript syntax
-squareOfNumber(1);
+squareOfNumber(1)
 ```
+
 </td>
 </tr>
-</table>
+</table>