format web with prettier

tracknow/web/.prettierignore

@@ -0,0 +1,3 @@
+# Ignore artifacts:
+build
+coverage

tracknow/web/.prettierrc

@@ -0,0 +1 @@
+{}

tracknow/web/README.md

@@ -1,8 +1,8 @@
 ## WEB DOCUMENTATION
 
-I am assuming you have npm installed and are in this directory. ```tracknow/web```
+I am assuming you have npm installed and are in this directory. `tracknow/web`
 
-###  `npm install`
+### `npm install`
 
 Installs all the packages dependencies.
 

tracknow/web/package.json

@@ -1,64 +1,65 @@
 {
-    "name": "web",
-    "version": "0.1.0",
-    "private": true,
-    "dependencies": {
-        "@chakra-ui/icons": "^2.1.1",
-        "@chakra-ui/react": "^2.8.2",
-        "@cloudinary/react": "^1.13.0",
-        "@cloudinary/url-gen": "^1.19.0",
-        "@emotion/react": "^11.11.4",
-        "@emotion/styled": "^11.11.5",
-        "@fontsource-variable/exo-2": "^5.0.19",
-        "@testing-library/jest-dom": "^5.17.0",
-        "@testing-library/react": "^15.0.7",
-        "@testing-library/user-event": "^14.5.2",
-        "@types/node": "^12.20.55",
-        "@types/react": "^18.0.0",
-        "@types/react-dom": "^18.3.0",
-        "cloudinary-core": "^2.13.1",
-        "cloudinary-react": "^1.8.1",
-        "date-fns": "^3.6.0",
-        "framer-motion": "^6.5.1",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "react-icons": "^3.11.0",
-        "react-infinite-scroll-component": "^6.1.0",
-        "react-lite-youtube-embed": "^2.4.0",
-        "react-router-dom": "^6.23.1",
-        "react-scripts": "5.0.1",
-        "react-slick": "^0.30.2",
-        "react-spinners": "^0.14.1",
-        "slick-carousel": "^1.8.1",
-        "typescript": "^4.9.5",
-        "web-vitals": "^2.1.4"
-    },
-    "scripts": {
-        "start": "react-scripts start",
-        "build": "react-scripts build",
-        "test": "react-scripts test",
-        "eject": "react-scripts eject"
-    },
-    "eslintConfig": {
-        "extends": "react-app"
-    },
-    "browserslist": {
-        "production": [
-            ">0.2%",
-            "not dead",
-            "not op_mini all"
-        ],
-        "development": [
-            "last 1 chrome version",
-            "last 1 firefox version",
-            "last 1 safari version"
-        ]
-    },
-    "devDependencies": {
-        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-        "@testing-library/react": "^15.0.6",
-        "@types/jest": "^29.5.12",
-        "@types/react-slick": "^0.23.13",
-        "ajv": "^8.17.1"
-    }
+  "name": "web",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@chakra-ui/icons": "^2.1.1",
+    "@chakra-ui/react": "^2.8.2",
+    "@cloudinary/react": "^1.13.0",
+    "@cloudinary/url-gen": "^1.19.0",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@fontsource-variable/exo-2": "^5.0.19",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^15.0.7",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/node": "^12.20.55",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.3.0",
+    "cloudinary-core": "^2.13.1",
+    "cloudinary-react": "^1.8.1",
+    "date-fns": "^3.6.0",
+    "framer-motion": "^6.5.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-icons": "^3.11.0",
+    "react-infinite-scroll-component": "^6.1.0",
+    "react-lite-youtube-embed": "^2.4.0",
+    "react-router-dom": "^6.23.1",
+    "react-scripts": "5.0.1",
+    "react-slick": "^0.30.2",
+    "react-spinners": "^0.14.1",
+    "slick-carousel": "^1.8.1",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@testing-library/react": "^15.0.6",
+    "@types/jest": "^29.5.12",
+    "@types/react-slick": "^0.23.13",
+    "ajv": "^8.17.1",
+    "prettier": "3.3.3"
+  }
 }

tracknow/web/public/index.html

@@ -1,13 +1,12 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
-<head>
+  <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="manifest" href="/site.webmanifest" />
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -18,9 +17,9 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>share your racing moments.</title>
-</head>
+  </head>
 
-<body>
+  <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
@@ -33,6 +32,5 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
-</body>
-
-</html>
+  </body>
+</html>

tracknow/web/public/site.webmanifest

@@ -1 +1,19 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}