diff --git a/src/contexts/visualizer-context.tsx b/src/contexts/visualizer-context.tsx index 2602d55..95dac4e 100644 --- a/src/contexts/visualizer-context.tsx +++ b/src/contexts/visualizer-context.tsx @@ -42,7 +42,7 @@ export const VisualizerContextProvider: FC = (props) => {
-

welcome to web-expl

+

welcome to web-expl

web-expl is a scraper tool, which visualizes the internet in 3d space. diff --git a/src/pages/about.tsx b/src/pages/about.tsx new file mode 100644 index 0000000..c73e7df --- /dev/null +++ b/src/pages/about.tsx @@ -0,0 +1,38 @@ +export default function About() { + return ( + <> +

+
+

about web-expl

+

+ web-expl visualizes the internet in a node-based system in + 3-dimensional space. +
+ The visualizer is based on WebGL using ThreeJS, including responsive + canvas scaling to run as smoothly as possible across all devices. +
+
+ Content is fetched using web-scraping. The host of this website is + not responsible for the content of the scraped websites. +

+
+

goals

+

+ While this project is still a work-in-progress, the overall goal is + to develop something similar to a search engine, but in 3D space. +
+
+ Planned and potential features include: +

    +
  • Loading indicator
  • +
  • Overview of all displayed nodes
  • +
  • Clickable nodes to preview websites
  • +
+

+
+
Developed with 💖 using NextJS, TailwindCSS and ThreeJS
+
+
+ + ); +} diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 5d96413..52ca7ba 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,5 +1,6 @@ import NodeVisualizer from "@/components/3d/node-visualizer"; import { VisualizerContextProvider } from "@/contexts/visualizer-context"; + export default function Home() { return ( <>