Sazid-Graph-UI

GraphUI Project

GraphUI is a web application designed to simplify the way users interact with and visualize hierarchical JSON data structures. With a sleek and intuitive interface, GraphUI makes exploring and navigating complex JSON trees an effortless task.

Features

• Upload & Visualize: Seamlessly upload your JSON files and get a visual representation of your data.
• Interactive Tree: Engage with your data by expanding and collapsing tree nodes.
• User-centric Design: With a clear and intuitive UI, understanding nested objects and arrays has never been easier.

Technologies Used

• React: Leveraged for building dynamic and efficient user interfaces.
• TypeScript: This project enjoys the robustness of TypeScript, a typed superset of JavaScript.
• CSS: Utilized for styling, ensuring the application is as visually appealing as it is functional.

Getting Started

Follow these steps to run the project locally:

Clone the Repository: Clone this repository to your local machine using:

git clone https://github.com/sv2506/June_Graph_UI.git

##Navigate to the Project Directory: Open a terminal and navigate to the project directory:

cd June_Graph_UI
cd Sazid-Graph-UI

##Install Dependencies

npm install
Run the application

npm start

Access the Application: Go to your browser and type the following URL: http://localhost:5173/

Upload JSON File: Click the "Upload JSON" button to select and upload a JSON file. The uploaded JSON file will be displayed in an interactive tree structure.

Interact with Tree: Expand and collapse nodes in the tree to navigate through the JSON structure. Child nodes are indented for better readability.

Back to Main Page: You can return to the main page by clicking the "Back to Main Page" button.

Close the Application: Press Ctrl + C in the terminal, then enter Y to terminate batch and close the application.