Skip to content

Website where a user can upload an XML file and automatically see it in a tree view form

Notifications You must be signed in to change notification settings

tomasalmeida1996/xml-tree-viewer

Repository files navigation

xml-tree-viewer

Website where a user can upload an XML file and automatically see it in a tree view form.

Run the website

● run npm install to install dependencies.
● Copy file webpack.config.js from folder "./lib" to "./node_modules/react-scripts/config".
● run npm start to start react App.

Functionalities

● Website where a user can upload a XML file.
● The XML is parsed and presented to the user graphically as a tree diagram.

Incompleted Tasks

● The file import fom local machine is not implemented, so the react App always uses an example xml file called 'xmldata.xml'.
● Not much attention was taken to the user interface part. The intention would be to have a tree element with clickable elements and collapsable items.
● There is not a xml branch rule verification.

Packages

● axios used for xml file data upload.
● xml2js used for data parsing from xml to js object.
● webpack < 5 used to include polyfills for node.js.
● Packages not included in webpack v5: timers-browserify, buffer, stream-browserify. To solve this, fallbacks were added to the webpack.config.js file.

About

Website where a user can upload an XML file and automatically see it in a tree view form

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published