rxshellg · rxshellg · Feb 12, 2026 · Feb 12, 2026
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -32,4 +32,4 @@ jobs:
         run: npm audit --audit-level=moderate || echo "Security audit completed with issues"
 
 #     - name: 🧪 Run Jest Tests
-#       run: npm test
+#       run: npm test
diff --git a/api/ocr.ts b/api/ocr.ts
@@ -5,8 +5,8 @@ import fs from "node:fs/promises";
 export const config = {
   api: {
     bodyParser: false,
-    maxDuration: 10
-  }
+    maxDuration: 10,
+  },
 };
 
 type VisionAnnotateResponse = {
@@ -28,15 +28,21 @@ export default async function handler(req: VercelRequest, res: VercelResponse) {
       multiples: false,
       maxFileSize: 8 * 1024 * 1024,
       filter: (part) =>
-        part.mimetype ? /^image\/(png|jpe?g|webp)$/i.test(part.mimetype) : false
+        part.mimetype
+          ? /^image\/(png|jpe?g|webp)$/i.test(part.mimetype)
+          : false,
     });
 
-    const { files } = await new Promise<{ files: FormidableFiles }>((resolve, reject) =>
-      form.parse(req, (err, _fields, files) => (err ? reject(err) : resolve({ files })))
+    const { files } = await new Promise<{ files: FormidableFiles }>(
+      (resolve, reject) =>
+        form.parse(req, (err, _fields, files) =>
+          err ? reject(err) : resolve({ files }),
+        ),
     );
 
     const file = Array.isArray(files.file) ? files.file[0] : files.file;
-    if (!file?.filepath) return res.status(400).json({ error: "No file uploaded" });
+    if (!file?.filepath)
+      return res.status(400).json({ error: "No file uploaded" });
 
     const buf = await fs.readFile(file.filepath);
     const content = buf.toString("base64");
@@ -51,11 +57,11 @@ export default async function handler(req: VercelRequest, res: VercelResponse) {
           requests: [
             {
               image: { content },
-              features: [{ type: "TEXT_DETECTION" }]
-            }
-          ]
-        })
-      }
+              features: [{ type: "TEXT_DETECTION" }],
+            },
+          ],
+        }),
+      },
     );
 
     if (!r.ok) {
@@ -70,11 +76,12 @@ export default async function handler(req: VercelRequest, res: VercelResponse) {
       resp?.textAnnotations?.[0]?.description ??
       "";
 
-    if (!text) return res.status(200).json({ text: "", warning: "No text found" });
+    if (!text)
+      return res.status(200).json({ text: "", warning: "No text found" });
     return res.status(200).json({ text });
   } catch (err: unknown) {
     const msg = err instanceof Error ? err.message : "OCR failed";
     console.error(err);
     return res.status(500).json({ error: msg });
   }
-}
+}
diff --git a/index.html b/index.html
@@ -4,7 +4,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Bill Buddy</title>
-    <meta name="description" content="Split your bills easily and fairly with Bill Buddy." />
+    <meta
+      name="description"
+      content="Split your bills easily and fairly with Bill Buddy."
+    />
     <link rel="icon" type="image/svg+xml" href="/icon.png" />
   </head>
   <body>

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,11 +1,11 @@
-import { Routes, Route } from 'react-router-dom';
+import { Routes, Route } from "react-router-dom";
 
-import Calculator from './pages/Calculator';
-import Footer from './components/Footer';
-import Home from './pages/Home';
-import Navbar from './components/Navbar';
-import Review from './pages/Review';
-import Split from './pages/Split';
+import Calculator from "./pages/Calculator";
+import Footer from "./components/Footer";
+import Home from "./pages/Home";
+import Navbar from "./components/Navbar";
+import Review from "./pages/Review";
+import Split from "./pages/Split";
 
 const App = () => {
   return (
@@ -19,7 +19,7 @@ const App = () => {
       </Routes>
       <Footer />
     </>
-  )
+  );
 };
 
 export default App;
diff --git a/src/components/AssignItemModal.module.css b/src/components/AssignItemModal.module.css
@@ -1,6 +1,6 @@
 /* Modal Title*/
 .modalTitle {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 /* People Selection */
@@ -96,4 +96,4 @@
 .warning::before {
   content: "⚠️ ";
   margin-right: 0.5rem;
-}
+}
diff --git a/src/components/Footer.module.css b/src/components/Footer.module.css
@@ -1,20 +1,20 @@
 footer {
-    margin-top: 4rem;
-    padding: 2rem 1rem;
-    text-align: center;
-    font-size: 0.9rem;
-    color: #666;
-    border-top: 1px solid #eee;
+  margin-top: 4rem;
+  padding: 2rem 1rem;
+  text-align: center;
+  font-size: 0.9rem;
+  color: #666;
+  border-top: 1px solid #eee;
 }
-  
+
 footer a {
-    color: var(--primary-pink);
-    font-weight: 600;
-    text-decoration: none;
+  color: var(--primary-pink);
+  font-weight: 600;
+  text-decoration: none;
 }
-  
+
 footer a:hover {
-    text-decoration: underline;
-    color: var(--primary-pink);
-    cursor: url('/cursors/Yellow.png'), auto;
-}
+  text-decoration: underline;
+  color: var(--primary-pink);
+  cursor: url("/cursors/Yellow.png"), auto;
+}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -1,24 +1,31 @@
-import confetti from 'canvas-confetti';
+import confetti from "canvas-confetti";
 
-import styles from "./Footer.module.css"
+import styles from "./Footer.module.css";
 
 const Footer = () => {
-    const handleHover = () => {
-        confetti({
-          particleCount: 150,
-          spread: 60,
-          origin: { y: 0.6 },
-          scalar: 0.6,
-        });
-    };
-
-    return (
-        <footer className={styles.footer}>
-            <p>
-            Made with ❤️ and a calculator by <a href="https://github.com/rxshellg" target="_blank" onMouseEnter={handleHover}>Rashell Guerrero</a>
-            </p>
-        </footer>
-    )
+  const handleHover = () => {
+    confetti({
+      particleCount: 150,
+      spread: 60,
+      origin: { y: 0.6 },
+      scalar: 0.6,
+    });
+  };
+
+  return (
+    <footer className={styles.footer}>
+      <p>
+        Made with ❤️ and a calculator by{" "}
+        <a
+          href="https://github.com/rxshellg"
+          target="_blank"
+          onMouseEnter={handleHover}
+        >
+          Rashell Guerrero
+        </a>
+      </p>
+    </footer>
+  );
 };
 
-export default Footer;
+export default Footer;
diff --git a/src/components/Navbar.module.css b/src/components/Navbar.module.css
@@ -1,25 +1,25 @@
 .navbar {
-    width: 100%;
-    padding: 1rem 2rem;
-    background-color: white;
-    border-bottom: 1px solid #eee;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    position: sticky;
-    top: 0;
-    z-index: 10;
+  width: 100%;
+  padding: 1rem 2rem;
+  background-color: white;
+  border-bottom: 1px solid #eee;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: sticky;
+  top: 0;
+  z-index: 10;
 }
-  
+
 .logo {
-    font-size: 1.5rem;
-    font-weight: bold;
-    color: var(--primary-pink);
-    text-decoration: none;
-    transition: color 0.3s ease;
+  font-size: 1.5rem;
+  font-weight: bold;
+  color: var(--primary-pink);
+  text-decoration: none;
+  transition: color 0.3s ease;
 }
-  
+
 .logo:hover {
-    color: #db195a;
-    cursor: url('/cursors/Yellow.png'), auto;
+  color: #db195a;
+  cursor: url("/cursors/Yellow.png"), auto;
 }
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -1,14 +1,14 @@
 import { Link } from "react-router-dom";
-import styles from './Navbar.module.css';
+import styles from "./Navbar.module.css";
 
 const Navbar = () => {
-    return (
-        <nav className={styles.navbar}>
-            <Link to="/" className={styles.logo}>
-                Bill Buddy
-            </Link>
-        </nav>
-    )
+  return (
+    <nav className={styles.navbar}>
+      <Link to="/" className={styles.logo}>
+        Bill Buddy
+      </Link>
+    </nav>
+  );
 };
 
-export default Navbar;
+export default Navbar;
diff --git a/src/components/PeopleManager/AddPersonModal.module.css b/src/components/PeopleManager/AddPersonModal.module.css
@@ -1,4 +1,4 @@
 /* Modal Title*/
 .modalTitle {
-    font-weight: bold;
-}
+  font-weight: bold;
+}
diff --git a/src/components/PeopleManager/AddPersonModal.tsx b/src/components/PeopleManager/AddPersonModal.tsx
@@ -1,7 +1,7 @@
 import Modal from "react-bootstrap/Modal";
 import { useState } from "react";
 import { DEFAULT_COLORS } from "./usePeople";
-import styles from './AddPersonModal.module.css';
+import styles from "./AddPersonModal.module.css";
 
 interface Props {
   show: boolean;
@@ -47,7 +47,7 @@ export default function AddPersonModal({ show, onClose, onSubmit }: Props) {
                 height: 28,
                 borderRadius: "50%",
                 border: color === c ? "3px solid #111" : "1px solid #aaa",
-                backgroundColor: c
+                backgroundColor: c,
               }}
             />
           ))}
@@ -58,10 +58,14 @@ export default function AddPersonModal({ show, onClose, onSubmit }: Props) {
         <button className="whiteButton" onClick={onClose}>
           Cancel
         </button>
-        <button className="pinkButton" onClick={handleAdd} disabled={!name.trim()}>
+        <button
+          className="pinkButton"
+          onClick={handleAdd}
+          disabled={!name.trim()}
+        >
           Add
         </button>
       </Modal.Footer>
     </Modal>
   );
-}
+}
diff --git a/src/components/PeopleManager/PeopleChips.tsx b/src/components/PeopleManager/PeopleChips.tsx
@@ -7,7 +7,11 @@ interface Props {
   onRemovePerson: (id: string) => void;
 }
 
-export default function PeopleChips({ people, onAddClick, onRemovePerson }: Props) {
+export default function PeopleChips({
+  people,
+  onAddClick,
+  onRemovePerson,
+}: Props) {
   return (
     <div className={styles.chipsRow}>
       {people.map((p) => (
@@ -22,13 +26,9 @@ export default function PeopleChips({ people, onAddClick, onRemovePerson }: Prop
         </button>
       ))}
 
-      <button
-        type="button"
-        onClick={onAddClick}
-        className={styles.addChip}
-      >
+      <button type="button" onClick={onAddClick} className={styles.addChip}>
         + Add person
       </button>
     </div>
   );
-}
+}
diff --git a/src/components/PeopleManager/index.ts b/src/components/PeopleManager/index.ts
@@ -1,3 +1,3 @@
 export { usePeople } from "./usePeople";
 export { default as PeopleChips } from "./PeopleChips";
-export { default as AddPersonModal } from "./AddPersonModal";
+export { default as AddPersonModal } from "./AddPersonModal";