https://github.com/sonnylazuardi/reactriot2017-dotamania

🌐 Web scraping made easy with the visual 🗺 mind map editor to JSON
https://github.com/sonnylazuardi/reactriot2017-dotamania

demo hackathon mindmap reactjs scraper web

Last synced: 29 days ago
JSON representation

🌐 Web scraping made easy with the visual 🗺 mind map editor to JSON

• Host: GitHub
• URL: https://github.com/sonnylazuardi/reactriot2017-dotamania
• Owner: sonnylazuardi
• License: mit
• Created: 2017-06-23T23:09:12.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-06-30T11:34:02.000Z (almost 8 years ago)
• Last Synced: 2024-10-31T05:34:55.818Z (7 months ago)
• Topics: demo, hackathon, mindmap, reactjs, scraper, web
• Language: JavaScript
• Homepage: http://dotamania.2017.reactriot.com/
• Size: 10.7 MB
• Stars: 122
• Watchers: 17
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Dota Mania

🌐 Web scraping made easy with the visual 🗺 mind map editor to JSON

Demo: http://dotamania.2017.reactriot.com/

Please vote us if you like it 🍻 https://www.reactriot.com/entries/446-dotaflash

![demo](https://media.giphy.com/media/3o7btWKp9lTyQB1tnO/giphy.gif)

## Building 🚀

```

npm install

npm run server

```

then connect to http://̨localhost:5000

## Features

### Mind Map

Arrange the things that you want to scrape visually using mind map

![visualmap](https://media.giphy.com/media/3o7bueFvMVrlD7AqXu/giphy.gif)

### Scraping Node Editor

Scrape any website, edit the title and selector of the node easily within the web

![editor](https://media.giphy.com/media/3og0INxaGgCizWV3B6/giphy.gif)

### Export To JSON

Easily browse and export the scraping result to JSON

### Save and Share

Save your current edited map and share it with your friend

![save](https://media.giphy.com/media/3oKIPn448eaYBb4Bz2/giphy.gif)

## Stacks

- http://gdom.graphene-python.org/

- https://github.com/learn-anything/react-mindmap

- https://github.com/alexkuz/react-json-tree

- http://redux.js.org/

- https://d3js.org/

- https://expressjs.com/

- https://github.com/akiran/react-slick

- https://github.com/nkbt/react-copy-to-clipboard