Atualização de css, add flip, correção de filtros e add de nova página

bash.exe.stackdump

@@ -0,0 +1,9 @@
+Stack trace:
+Frame        Function    Args
+000FFFFA320  0018006286E (0018028EC28, 0018026DE3E, 000FFFFA320, 000FFFF9220)
+000FFFFA320  0018004846A (00000000000, 00000000000, 00000000000, 001004E2F5F)
+000FFFFA320  001800484A2 (0018028ECD9, 000FFFFA1D8, 000FFFFA320, 00000000000)
+000FFFFA320  001800CC6BE (00000000000, 00000000000, 00000000000, 00000000000)
+000FFFFA320  001800CC7E5 (000FFFFA330, 00000000000, 00000000000, 00000000000)
+00000000000  001800CDDA5 (000FFFFA330, 00000000000, 00000000000, 00000000000)
+End of stack trace

package.json

@@ -6,7 +6,6 @@
   "scripts": {
     "htmlhint": "htmlhint src/*.html test/*.html",
     "eslint": "eslint --ext .js src/ test/",
-    "pretest": "npm run eslint && npm run htmlhint",
     "test": "jest --verbose --coverage",
     "open-coverage-report": "opener ./coverage/lcov-report/index.html",
     "start": "serve src/",
@@ -20,11 +19,13 @@
     "gh-pages": "^3.1.0",
     "htmlhint": "^1.1.2",
     "http-server": "^14.1.0",
-    "jest": "^27.0.1",
     "opener": "^1.5.1",
     "serve": "^13.0.2"
   },
   "engines": {
     "node": ">=14.x"
+  },
+  "devDependencies": {
+    "jest": "^27.5.1"
   }
 }

src/data.js

@@ -1,27 +1,61 @@
-//data tem q ser um array de objetos e
-export const ordemNameAA = (data) => data.sort((a, b) => {
+
+export const orderAZ = (data) => data.sort((a, z) => {
   const nameA = a.name.toUpperCase();
-  const nameB = b.name.toUpperCase();
-  if (nameA > nameB) {
+  const nameZ = z.name.toUpperCase();
+  if (nameA > nameZ) {
     return 1;
   }
-  if (nameA < nameB) {
+  if (nameA < nameZ) {
     return -1;
   }
   return 0;
 });
 
-export const ordemNameBB = (data) => data.sort((a, b) => {
+export const orderZA = (data) => data.sort((a, z) => {
   const nameA = a.name.toUpperCase();
-  const nameB = b.name.toUpperCase();
-  if (nameA > nameB) {
+  const nameZ = z.name.toUpperCase();
+  if (nameA > nameZ) {
     return -1;
   }
-  if (nameA < nameB) {
+  if (nameA < nameZ) {
     return 1;
   }
   return 0;
 });
 
+export const filterStatus = (data, value) => {
+  return data.filter((item) => {
+    return item.status === value
+  })
+}
+
+export const filtroespecie = (data, value) => {
+  return data.filter((item) => {
+    return item.species === value
+  })
+}
+
+export const filterGender = (data, value) => {
+  return data.filter((item) => {
+    return item.gender === value
+  })
+}
+
+export function calculo(numero, numero2) {
+  let statS = numero / numero2 * 100;
+  let estatistica = `${statS.toFixed(1)}% dos personagens corresponde a categoria escolhida`
+  return estatistica
+}
+
+export const filteredItem = (data, value) => {
+  return data.filter((item) => {
+    (item.name.toLowerCase().includes(searchString) ||
+      item.status.toLowerCase().includes(searchString) ||
+      item.gender.toLowerCase().includes(searchString) ||
+      item.species.toLowerCase().includes(searchString)
+    )
+    return filteredItem;
+  })
+}