WebDevHub – A place for developers

GitHub issues GitHub stars GitHub license

WebDevHub is designed to be one central place for developers, that offers a variety of tools to help with any developing needs. This includes code formatters, file converters, image compressors etc.

https://thhamiltonsmith.github.io/webdevhub/

A central hub with all the tools a developer might need makes it easier to focus on developing, rather then searching for different sites to find a working tool. WebDevHub eliminates this hassle. The site is open-source, designed to be made by the users. If there a feature you want to add, a bug you want to fix etc, simply open a pull request.


Implemented Features

  • Hex to css filter: converter
  • Word Counter
  • Lorem Ipsum Generator

Planned Features

  • Code Formatter (HTML, CSS, JS, etc.)
  • XML – JSON – ymal converter
  • Image Converter
  • Color Converter (Hex to RGB etc.)
  • URL Shortner
  • File Compressors
  • Site/code templates.
  • Expansion to provide tools for other programming langauges (C, C++, Python etc.)

These are only some of the features planned to be added. Check out the Projects page to see a more in-depth board of potential features to be added, or create a pull request and suggest your own feature.


Frameworks Used

 

How to Contribute

To contribute to the site:

  1. Clone the repository via terminal or github desktop.
  2. Create a new folder with your feature name (e.g image-converter) and create a feature-name.js and index.html file.
  3. Code your feature
  4. Add a link to the feature on the home page under a relevant subcategory.
  5. Add the Google Analytics tracking script below to the <head> tag of your page to make it easier for us to track the sites performance.

<!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-LN1VD8C61E"></script>
  <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-LN1VD8C61E');
  </script>

Rules/Guidelines for contributing

  • Try to follow the site’s colour scheme.
  • Comment your code as you go and use readable variable names. Its hard to debug code when it looks like Latin.
  • Dont delete or change other people’s code without a good explanation, or your pull-request wont be approved.

We want to make our documentation (including this README) the best it can be. If you have any suggestions, please open an issue.

 

Screenshots

Screenshot 2022-06-25 at 9 18 18 pm

GitHub

View Github