DEV Community

Cover image for Nexus Graph with Kendo React
Samarth Shendre
Samarth Shendre

Posted on

Nexus Graph with Kendo React

This is a submission for the KendoReact Free Components Challenge.

What I Built

I built a conceptual "Nexus Graph Application" 🌐, a web-based tool designed to help users manage and visualize a knowledge graph. This application aims to solve the problem of making unstructured data more meaningful and accessible by automatically extracting relationships and entities from documents. The application is built using React and Vite, with a rich user interface powered by KendoReact UI components

Document Ingestion: The "Upload Documents" view provides a clean interface for users to submit new documents. The application's backend (conceptualized but not built) would then process these documents.

Graph Visualization: The core of the application is the "Graph View." Here, the processed data is transformed into an interactive knowledge graph, allowing users to see and explore the connections between different entities and concepts.

Document Management: The "Document List" view provides a structured data grid, allowing users to see a list of all uploaded documents, along with relevant metadata like file name and size. This offers a more traditional way to manage the data in the system.

Github Link - https://github.com/i-m-samarth-cs/nexus-graph-app/blob/master/README.md

KendoReact Components Used

Buttons:

  • Button
  • ButtonGroup

Inputs:

  • Input
  • TextArea
  • Checkbox
  • Slider
  • SliderLabel
  • ColorPicker

Date Inputs:

  • DatePicker

Dropdowns:

  • DropDownList

Grid:

  • Grid
  • GridColumn
  • GridToolbar

Layout:

  • TabStrip
  • TabStripTab

Dialogs:

  • Dialog
  • DialogActionsBar

Labels:

  • Label

Notifications:

  • Notification
  • NotificationGroup

Indicators:

  • Badge

Tooltip:

  • Tooltip

AI Coding Assistant Usage 🧑‍💻
I used the AI Coding Assistant as an integral part of my development process for the Nexus Graph Application. The assistant acted as a powerful tool for debugging, architectural guidance, and content generation.

Nuclia Integration 🧠
To meet the requirements of the "RAGs to Riches" prize category, the Nexus Graph Application is designed to integrate Nuclia's RAG (Retrieval-Augmented Generation) capabilities as the core engine for its knowledge graph functionality.

Top comments (0)