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)