HTMLHint: The static code analysis tool for your HTML to improve the code review and refinement process.
What HTMLHint does
HTMLHint analyzes your HTML code based on specific rules, that the user can customise if needed. HTMLHint works on both the command line as well as with extensions that enable the analysis tools directly on IDEs. HTMLHint now also includes a loader for Webpack to make HTMLHint a universal developer tool.
The foundations of HTMLHint were set up and this hackathon brought the project more life with improvements to legacy code and additions to features. This included migrating from the legacy functionality in ES5 to ES6. Additionally, the project was enhanced to move from Grunt to implementing Webpack that enables support for many more possibilities for this code analysis tool as a universal tool that can be implemented in more IDEs.
We also implemented improvements to existing long term bugs in the code base. Furthermore, we expanded HTMLHint's feature set to improve the tool's functionality. This was accompanied with updates to the documentation as well. Lastly, we began the development of a front end for HTMLHint to replace the legacy website with one built using Gatsby for long term use.
Accomplishments that we're proud of
We were able to file many pull requests on HTMLHint as well as fix and resolve project issues that had been pending for a long time whilst also implementing functionality for new features and a website.
- #281 Deliver HTMLHint via CDN
- #316 Create version of HTMLHint for the browser only
- #313 move
Merged Pull Requests:
- #325 Migrate to Webpack & ES6 modules
- #322 feat(htmlhint): add new rule for whitespace in attributes (#310)
- #327 fix: missing test cases
- #328 fix(htmlhint): add ability to pass regexp in config
- #331 fix(htmlhint): added rule for special characters in tag name (#146)
- #332 feat(htmlhint): added attribute sorting (#309)
- #333 Attr value single quotes
Closed Pull Requests:
What we learned from our challenges
As with any project, navigating around existing code takes time and our amazing mentor provided help in understanding the foundations of the project that allowed us to independently, and successfully, improve the project's code and functionality.
Working with open source was an amazing opportunity to not only grow our skillsets by contributing to HTMLHint but also allowed us to work on an amazing code analysis tool that has a large following and hence have a real world impact in aiding users with their code review, refinement and analysis process.