0
showcase
Shipped: A tool for a problem you have
I built Nodex, a local-first JSON visualizer and editor that turns deeply nested JSON data into an interactive graph, making complex structures easier to understand, navigate, and edit.
A reviewer can verify the project by:
1. Pasting or editing JSON and seeing it represented as an interactive node graph.
2. Editing primitive values directly from the graph and verifying that the JSON editor updates accordingly.
3. Collapsing and expanding nested objects and arrays to manage complex structures.
4. Using Cmd/Ctrl + K to search for nodes and navigate directly to them.
5. Refreshing the page to verify that the current workspace persists locally.
6. Generating a shareable URL and opening it in a new browser session to restore the same JSON.
7. Exporting the graph as a PNG.
8. Testing empty, invalid, and malformed share-link states to verify that failures are handled without breaking the application.
9. Switching between light and dark themes.
The README includes local setup instructions, project architecture, testing details, limitations, and a section explaining what was deliberately not implemented. The repository also contains the project's development history through Git commits.
Technologies used: Next.js, React, TypeScript, Zustand, React Flow, Monaco Editor, Tailwind CSS, Framer Motion, and Web Workers.
Repository: https://github.com/riki-k-dev/nodex
Live: https://nodex-jv.vercel.app
Built for the Verified Frontend Internship · Final project
Add a comment
0/2000