-
404
-
Page not found
-
- The page you're looking for doesn't exist or has been moved.
+
+
+
+
+
+ Page not found
+
+
+ The page you're looking for doesn't exist or has been moved to a new
+ address.
-
+
- Go home
+ Go to Home
+
diff --git a/frontend/src/routes/_app.projects.tsx b/frontend/src/routes/_app.projects.tsx
index 1aedbe8f..2c2c9759 100644
--- a/frontend/src/routes/_app.projects.tsx
+++ b/frontend/src/routes/_app.projects.tsx
@@ -2,6 +2,7 @@ import { createFileRoute, Link } from "@tanstack/react-router";
import { useQuery } from "@tanstack/react-query";
import { projectsService } from "@/services";
import { Card, TagChip, SectionHeader } from "@/components/shared/primitives";
+import { EmptySearchState } from "@/components/shared/EmptySearchState";
import { Star, GitFork, Users2, Plus, Search, SlidersHorizontal, X } from "lucide-react";
import { useState } from "react";
import { cn } from "@/lib/utils";
@@ -78,6 +79,14 @@ function ProjectsPage() {
setBoolFilters([]);
}
+ function clearAll() {
+ setQ("");
+ setStatusFilter("all");
+ setLangs([]);
+ setDifficulties([]);
+ setBoolFilters([]);
+ }
+
const filtered = data.filter((p) => {
if (statusFilter !== "all" && p.status !== statusFilter) return false;
if (q && !p.name.toLowerCase().includes(q.toLowerCase())) return false;
@@ -200,17 +209,10 @@ function ProjectsPage() {
))}
+ ) : filtered.length === 0 && (q || statusFilter !== "all" || hasActiveFilters) ? (
+
) : filtered.length === 0 ? (
-
-
🔍
-
No projects match your filters
-
Try adjusting or resetting your filters.
- {hasActiveFilters && (
-
- )}
-
+
) : (
{filtered.map((p) => (
diff --git a/frontend/src/routes/_app.tsx b/frontend/src/routes/_app.tsx
index 4f08b140..d78c964d 100644
--- a/frontend/src/routes/_app.tsx
+++ b/frontend/src/routes/_app.tsx
@@ -1,6 +1,56 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute, Link } from "@tanstack/react-router";
+import { useEffect, useRef } from "react";
+import lottie from "lottie-web";
import { AppShell } from "@/components/layout/AppShell";
+import searchAnimation from "@/assets/404 Error - Doodle animation.json";
+
+function AppNotFound() {
+ const ref = useRef
(null);
+
+ useEffect(() => {
+ if (!ref.current) return;
+ const anim = lottie.loadAnimation({
+ container: ref.current,
+ animationData: searchAnimation,
+ loop: true,
+ autoplay: true,
+ });
+ return () => anim.destroy();
+ }, []);
+
+ return (
+
+
+
+
+
+ Page not found
+
+
+ The page you're looking for doesn't exist or has been moved to a new
+ address.
+
+
+
+ Go to Home
+
+
+
+
+