chore: reset the project for course

Author: kevinccbsg

package-lock.json

@@ -36,33 +36,23 @@
     "tailwind-merge": "^3.2.0",
     "tailwindcss": "^4.1.4",
     "tw-animate-css": "^1.2.5",
-    "twd-js": "^1.3.3",
     "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@cypress/code-coverage": "^3.14.7",
     "@eslint/js": "^9.22.0",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^22.14.1",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.3.4",
-    "babel-plugin-istanbul": "^7.0.1",
     "eslint": "^9.22.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^16.0.0",
     "jsdom": "^26.1.0",
     "npm-run-all": "^4.1.5",
-    "nyc": "^17.1.0",
-    "puppeteer": "^24.29.1",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.26.1",
     "vite": "^6.3.1",
-    "vite-plugin-istanbul": "^7.2.0",
     "vitest": "^3.2.4"
   }
 }

package.json

@@ -4,12 +4,6 @@ import './index.css'
 import { RouterProvider } from "react-router";
 import router from './AppRoutes';
 
-if (import.meta.env.DEV) {
-  const { initTWD } = await import('twd-js/bundled');
-  const tests = import.meta.glob("./**/*.twd.test.ts")
-  initTWD(tests);
-}
-
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <RouterProvider router={router} />

src/main.tsx

@@ -8,7 +8,7 @@ export default function Helloworld() {
     <div className="min-h-screen flex flex-col items-center justify-center p-8 bg-background">
       <div className="text-center space-y-8 max-w-2xl">
         <div className="space-y-4">
-          <h1 className="text-6xl font-bold text-foreground" data-testid="welcome-title">
+          <h1 className="text-6xl font-bold text-foreground">
             Welcome to TWD
           </h1>
           <p className="text-xl text-muted-foreground">

src/pages/Helloworld/Helloworld.tsx

@@ -1,7 +1,6 @@
 import { useState } from 'react';
 import { Scanner } from '@yudiel/react-qr-scanner';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { MockedComponent } from 'twd-js/ui';
 
 export default function QRScanner() {
   const [detectedCodes, setDetectedCodes] = useState<string[]>([]);
@@ -35,12 +34,10 @@ export default function QRScanner() {
           </CardHeader>
           <CardContent>
             <div className="w-full max-w-md mx-auto">
-              <MockedComponent name="qrScanner">
-                <Scanner
-                  onScan={handleScan}
-                  onError={(error: unknown) => handleError(error as Error)}
-                />
-              </MockedComponent>
+              <Scanner
+                onScan={handleScan}
+                onError={(error: unknown) => handleError(error as Error)}
+              />
             </div>
           </CardContent>
         </Card>

src/pages/QRScanner/QRScanner.tsx

@@ -12,13 +12,13 @@ export default function TodoItem({ todo }: TodoItemProps) {
   const isDeleting = deleteFetcher.state === "submitting" || deleteFetcher.state === "loading";
 
   return (
-    <Card data-testid="todo-item">
+    <Card>
       <CardHeader>
-        <CardTitle data-testid={`todo-title-${todo.id}`}>{todo.title}</CardTitle>
-        <CardDescription data-testid={`todo-description-${todo.id}`}>{todo.description}</CardDescription>
+        <CardTitle>{todo.title}</CardTitle>
+        <CardDescription>{todo.description}</CardDescription>
       </CardHeader>
       <CardFooter className="flex justify-between items-center">
-        <span className="text-sm text-muted-foreground" data-testid={`todo-date-${todo.id}`}>
+        <span className="text-sm text-muted-foreground">
           Date: {todo.date}
         </span>
         <deleteFetcher.Form method="DELETE" action="/todos">
@@ -28,7 +28,6 @@ export default function TodoItem({ todo }: TodoItemProps) {
             variant="destructive"
             size="sm"
             disabled={isDeleting}
-            data-testid={`delete-todo-${todo.id}`}
           >
             {isDeleting ? "Deleting..." : "Delete"}
           </Button>

src/pages/TodoList/TodoItem.tsx

@@ -47,7 +47,6 @@ const TodoList = () => {
             method="POST" 
             action="/todos"
             className="space-y-4"
-            data-testid="todo-form"
           >
             <div>
               <Label htmlFor="title" className="mb-2">Title</Label>
@@ -98,7 +97,7 @@ const TodoList = () => {
       <div className="space-y-4">
         {todos.length === 0 ? (
           <Card>
-            <CardContent className="py-8 text-center text-muted-foreground" data-testid="no-todos-message">
+            <CardContent className="py-8 text-center text-muted-foreground">
               No todos yet. Create one above!
             </CardContent>
           </Card>