+
+
+);
+
+export default Loader;
diff --git a/ui/src/index.css b/ui/src/index.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/ui/src/index.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/ui/src/main.tsx b/ui/src/main.tsx
new file mode 100644
index 0000000..345a1ed
--- /dev/null
+++ b/ui/src/main.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { BrowserRouter } from "react-router-dom";
+import App from "./App.tsx";
+import "./index.css";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+
+
+ 
+
+ );
+};
+
+export default Results;
diff --git a/ui/src/types.ts b/ui/src/types.ts
new file mode 100644
index 0000000..00b431b
--- /dev/null
+++ b/ui/src/types.ts
@@ -0,0 +1,50 @@
+export type Result = {
+ cost: number;
+ facets: null;
+ hits: Hit[];
+ max_score: number;
+ request: Request;
+ status: Status;
+ took: number;
+ total_hits: number;
+};
+
+type Hit = {
+ fields: Fields;
+ id: string;
+ index: string;
+ score: number;
+ sort: string[];
+};
+
+type Fields = {
+ description: string;
+ name_with_owner: string;
+ "primary_language.color": string;
+ "primary_language.name": string;
+ url: string;
+};
+
+type Request = {
+ explain: boolean;
+ facets: null;
+ fields: string[];
+ from: number;
+ highlight: null;
+ includeLocations: boolean;
+ query: Query;
+ search_after: null;
+ search_before: null;
+ size: number;
+ sort: string[];
+};
+
+type Query = {
+ query: string;
+};
+
+type Status = {
+ failed: number;
+ successful: number;
+ total: number;
+};
diff --git a/ui/src/vite-env.d.ts b/ui/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/ui/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
+ Search Engine
+ + {result ? ( +
+
+ ) : (
+ -
+ {result.hits.map((hit) => (
+
-
+ {/* Title */}
+
+
+
+ {hit.fields.name_with_owner} +
+ + + {hit.fields["primary_language.name"]} + + +{hit.fields.description}
+
+ ))}
+