JSON Navigator

This program is intended as a tool to help students learn to navigate nested data structures.

User can input valid JSON and see a prettily formatted version in their browser.
User can hover over keys and values and see them highlighted in different colors.
User can hover over a value and its access path, or a combination of index numbers (e.g. [0]) and keys (e.g. .weather), will be displayed and copied to their clipboard.
User can view value's access path in either Ruby or JavaScript syntax.

A tooltip is displayed when a user hovers over a bracket with the line number of the other bracket it's paired with.
~~Allow users to collapse data structures for easier viewing~~ Done
Allow users to input valid JS code to be parsed
Allow users to input valid Ruby code to be parsed

~~Add error handling for incorrect input/invalid JSON.~~ Done
~~Refactor so that individual lines of code are nested inside of divs for easier navigation.~~ Done
Bug fix: Commas display after the last element in nested objects/arrays.

Name		Name	Last commit message	Last commit date
Latest commit History 38 Commits
jquery		jquery
README.md		README.md
index.html		index.html
main.js		main.js
main_v2.js		main_v2.js
main_v3.js		main_v3.js
main_v4.js		main_v4.js
promise_practice.js		promise_practice.js
style.css		style.css
test.html		test.html
test.js		test.js
untitled		untitled

Provide feedback