Add API endpoints and frontend components for tool management and analytics

Implement CRUD operations for tools and ratings, introduce analytics endpoints, and develop frontend components for displaying tools, ratings, and analytics data. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 776963d0-f75d-42e2-a57b-cc36bdff8495 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: feaa4ce1-5aed-4cc0-bcea-47855b615b48 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0683fb79-a27c-485c-9333-5f4b288c4567/776963d0-f75d-42e2-a57b-cc36bdff8495/rx9K7bW Replit-Helium-Checkpoint-Created: true
2026-05-25 13:04:53 +00:00
parent 1de22a6979
commit 036973ea32
111 changed files with 11006 additions and 96 deletions
@@ -0,0 +1,49 @@
+import { Link, useLocation } from "wouter";
+import { LayoutDashboard, Wrench, PlusCircle, BarChart3 } from "lucide-react";
+
+export function Layout({ children }: { children: React.ReactNode }) {
+  const [location] = useLocation();
+
+  const links = [
+    { href: "/", label: "Dashboard", icon: LayoutDashboard },
+    { href: "/tools", label: "Browse Tools", icon: Wrench },
+    { href: "/tools/new", label: "Add Tool", icon: PlusCircle },
+    { href: "/analytics", label: "Analytics", icon: BarChart3 },
+  ];
+
+  return (
+    <div className="flex min-h-screen bg-background text-foreground">
+      <aside className="w-64 border-r bg-card flex flex-col hidden md:flex">
+        <div className="p-6 border-b">
+          <div className="flex items-center gap-2 text-primary font-bold text-xl">
+            <Wrench className="w-6 h-6" />
+            <span>ToolRate</span>
+          </div>
+        </div>
+        <nav className="flex-1 p-4 space-y-2">
+          {links.map((link) => {
+            const isActive = location === link.href || (link.href !== "/" && location.startsWith(link.href));
+            const Icon = link.icon;
+            return (
+              <Link key={link.href} href={link.href} className={`flex items-center gap-3 px-3 py-2 rounded-md transition-colors ${isActive ? "bg-primary text-primary-foreground font-medium" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`}>
+                <Icon className="w-5 h-5" />
+                {link.label}
+              </Link>
+            );
+          })}
+        </nav>
+      </aside>
+      <main className="flex-1 flex flex-col min-w-0">
+        <header className="md:hidden border-b p-4 flex items-center bg-card">
+          <div className="flex items-center gap-2 text-primary font-bold text-lg">
+            <Wrench className="w-5 h-5" />
+            <span>ToolRate</span>
+          </div>
+        </header>
+        <div className="flex-1 p-6 md:p-8 overflow-auto">
+          {children}
+        </div>
+      </main>
+    </div>
+  );
+}