CompanyPage
+
+
);
}
diff --git a/src/pages/HomePage.jsx b/src/pages/HomePage.jsx
index e97e7de..933addb 100644
--- a/src/pages/HomePage.jsx
+++ b/src/pages/HomePage.jsx
@@ -1,7 +1,23 @@
-function HomePage() {
+import { Link } from "react-router-dom";
+
+function HomePage({ companies }) {
return (
- Company Profile
+ {matchCompany && ( + <> +
+
+
+
+ 
+
+
+
+
+ {matchCompany.name}
+About
+{matchCompany.description}
+
+ {matchCompany.techStack.map((tech) => {
+ return (
+
+
+
+
+
+ )}
+
+ );
+ })}
+
+
+ 
+
+
+ {tech.name}
+
-
HomePage
+
+
);
}
diff --git a/src/pages/NotFound.jsx b/src/pages/NotFound.jsx
new file mode 100644
index 0000000..49517d9
--- /dev/null
+++ b/src/pages/NotFound.jsx
@@ -0,0 +1,3 @@
+export default function NotFound() {
+ return Discover Tech Stacks Used by Top Companies
+
+ {companies.map((company) => {
+ return (
+
+ 
+
+ );
+ })}
+
{company.name}
+404 NotFound
; +} diff --git a/src/pages/TechnologyPage.jsx b/src/pages/TechnologyPage.jsx index 30f9414..31377f6 100644 --- a/src/pages/TechnologyPage.jsx +++ b/src/pages/TechnologyPage.jsx @@ -1,7 +1,35 @@ -function TechnologyPage() { +import { Link, useParams, useSearchParams } from "react-router-dom"; + +function TechnologyPage({ technologies }) { + const { slug } = useParams(); + const [searchParams] = useSearchParams(); + const fromCompany = searchParams.get("fromCompany"); + + const matchTechnology = technologies.find((technology) => { + return technology.slug === slug; + }); return (
-
);
}
TechnologyPage
+Technology Details
+ {matchTechnology && ( + <> +
+
+ {fromCompany && (
+
+
+
+ )}
+
+ )}
+ 
+
+
+
+ {matchTechnology.name}
+About
+{matchTechnology.description}
+