Make a XML/JSON viewer

The purpose of this project is to enable the user to easily select nodes of interest from large structure documents (XML, JSON, CSV)

Miletstone 1

Use the library from [url removed, login to view] with twilight theme (theme must be easy to change later)

Build a webpage

- top section has input to enter URL, HTTP(s) Basic Authentication, and GET/POST paramaters

- when user presses submit it keep these form input valus in an array and will XMLHTTPRequest the URL

- It will load the contents retrieved within the CodeMirror text editor

- The editor must support XML and JSON documents

- The editor must permit the collapse/expansion of trees in the XML/JSON structure

- The editor must permit double-click to select the word, and text highlihting

- It must handle different newline characters

Milestone 2 - Parsing and Marking

-After the user highlights text, make a hover menu appear with two buttons. The buttons will need special CSS styling. Allow for multiple buttons in future.

-When the user clicks the button, it will copy the XML/JSON full-path, node value, and line number, and save to an array, while deselecting the text. In the next milestone we will call another function after this array has been added to.

-One button will be 'Add Single Instance', the other button will be 'Add All Instances'

-Note in case an XML attribute is selected, it must save the full-path with that attribute specifically

-For the moment, make the contents of the array visible as plain text.

-The array should have another string for 'VizName' which is populated to be the name of the node AND its parent node (excluding the full path)

Milestone 3 - Display

-Make the editor window size adjustable

-On the right hand side of the editor window, create a new panel. This will be named the 'Selected' panel.

-Now for each item in the array, make the panel contain a tile, with the value from the Array.

-A tile in this case means a solid colored circle with white text. The text is the VizName

-On mousoever of a tile, it shows the XML/JSON full path and value for that particular tile, derived from the array.

-On click, the user can re-name the tile, which will update the 'VizName' column in the the array

-Tiles can be sized and coloured the same for this milestone.

-The tiles must look nice. Expect some work to arrange the tiles nicely with layout, color, shading, etc.

Milestone 4 - Saving

Provide a form field to capture 'Integration Name' and button on the webpage to 'Save'.

This button copies to the clipboard all the form fields (from all Milestones, especially first) and array of fullpaths as plain text. Perhaps this can be serialized.



To be awarded this project, please do the following:-

1. Estimate the number of hours needed for each milestone.

2. Send me one link to a large complex XML or JSON document.

Evner: AJAX, CSS, Javascript, JSON, XML

Se mere: xml use case, trees structure, structure trees, css, ajax, javascript, xml, purpose of use case document, parsing input, no of trees with n nodes, node csv, marking a milestone, is a circle a line, f trees, json xml mysql, use json xml titanium, json xml mobile app, json xml, api json xml iphone app, json xml api iphone

Om arbejdsgiveren:
( 7 bedømmelser ) Ultimo, Australia

Projekt ID: #10945688

16 freelancere byder i gennemsnit $14/time for dette job


Hello sir! My freelancer ranking is top 5th and i am full stack developer. I am interested in your project and I hope to work with you. I have enough experience with WEB developing for 7+ years. Client satisfaction Flere

$22 USD / time
(245 bedømmelser)

Hi, Nice project you have there, let us help you with it! Our team is Russian-Canadian. We code in PHP. Check our recent projects here [The administrator removed this message for encouraging communication outside Fr Flere

$15 USD / time
(28 bedømmelser)

Hello, I understood the initial scope of this project. Although i want to discuss further this job in order to prepare the final concept for this project. After Complete discussion over the call or in chat, i wi Flere

$15 USD / time
(12 bedømmelser)

Dear Sir/ Madam, I understand that you are looking for a highly efficient IT Outsourcing team that can offer high quality work along with affordable price rate for your project, and can also provide long term suppor Flere

$12 USD / time
(9 bedømmelser)

Hi, Please tell me what is your deadline for this project? I am managing a Web Design Agency located in Romania and I am really interested to help you complete your website. Based on your response I will be able to sc Flere

$20 USD / time
(15 bedømmelser)

Hello Sir, 2. Send me one link to a large complex XML or JSON document. => Below is one of sample not sure its more complex [login to view URL] Flere

$13 USD / time
(5 bedømmelser)

Hi, I am a US based freelancer. My strongest credential is having an 88K reputation score on StackOverflow predominately in javascript/jQuery/angularjs. [login to view URL] Althou Flere

$22 USD / time
(46 bedømmelser)

Hello There, Hope you're doing well. I request you to contact me further in order to have a detailed discussion on your project related requirements. Please refer my portfolio below for more details. Waitin Flere

$14 USD / time
(27 bedømmelser)

I want to discuss this project with you further, let me know the best suitable time for you to schedule the meeting, Feel free to message me at any time, i used to be online 14 hrs in a day on this website so probably Flere

$15 USD / time
(2 bedømmelser)

My name is Mike and I’m from UK. I work with individual clients and also provide outsourcing services for a number of UK and USA based agencies. Your project description sounds interesting to me and I do have skills & Flere

$12 USD / time
(3 bedømmelser)
$8 USD / time
(5 bedømmelser)

Hello , We checked the details mentioned in your project post and would like to confirm our interest in working for your [login to view URL] portfolio is enough to show our experience but we share other links in our [login to view URL] b Flere

$17 USD / time
(1 bedømmelse)

Hope you are doing great! I am approaching you in an attempt to initiate a discussion between you and Gropse IT Solutions . I would be interested in discussing the projects with you . Please let me know a conveni Flere

$8 USD / time
(1 bedømmelse)

I have more than 9 years of experience in Wordpress, Woocommerce, WP plugin development and customization, Woocommerce store setup, Wordpress responsive theme design, Web design, CSS, HTML, PHP, javascript, ajax, JQuer Flere

$8 USD / time
(0 bedømmelser)

More than 15 years of full time experience in application software development including more than 3 years of strong experience in Project Management / Tech Lead, more than 10 years of strong experience in .Net technol Flere

$11 USD / time
(0 bedømmelser)

Being a Java web developer, I have worked in parsing xml and json lot of times.. I can change display format in any ways users want.

$8 USD / time
(0 bedømmelser)