https://github.com/shankscript/react-tag
A HTML tags parser in ReactJS
https://github.com/shankscript/react-tag
axios material-ui nodejs react-components reactjs regex regexp
Last synced: 6 months ago
JSON representation
A HTML tags parser in ReactJS
- Host: GitHub
- URL: https://github.com/shankscript/react-tag
- Owner: shankscript
- Created: 2018-09-27T08:38:07.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-09-27T19:50:04.000Z (over 7 years ago)
- Last Synced: 2024-04-14T22:31:37.986Z (almost 2 years ago)
- Topics: axios, material-ui, nodejs, react-components, reactjs, regex, regexp
- Language: JavaScript
- Homepage: http://shankscript.me/react-tag/
- Size: 3.86 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## React-tag
Given url of any website this web app counts and highlights the html element tags
## Demo
- [http://shankscript.me/react-tag/](http://shankscript.me/react-tag/)
## Tech
- HTML parsing based on `Raw Regex`
- `ReactJS` for rendering
- `Material UI` styling
- `Axios` for http request
- `PHP/Nodejs` for proxy cross origin server
- `Linux php` hosting
## Source files
- `FectUrl.js` - A React component to Render raw html, tags, badges, url input
- `util.js` - logic for processing raw html, thereby generating tags tokens, counts, and decorating html with classes. More details in source comments
- `fetchUrl.php/server.js` - A proxy server to route http request to given url, to avoid cross domain origin access issues and http/https insecure ajax request issues
## Tested
- Only in Chrome
## Build
- Install nodejs, npm
- Install npm i yarn -g
- yarn install
- yarn start
## Screenshots
