Except this one is free, without ads, no cookies, fully client side and lightweight !

Welcome to Dev Toolbox, a simple, efficient, and respectful of your privacy toolbox for developers.

It's fully client-side, meaning all processing is done in your browser without the need for server-side interaction.

Bookmark it, keep a tab open while you work and have access to its tool. No need to install countless plugins on your IDEs.

You're working on a colleague's computer and need a tool a base64 conversion tool? No need to install plugins and mess with other people's environments, just open the toolbox on their browser and use the toolbox directly.

• Free: Totally free, forever.
• Lightweight: Optimized for speed and efficiency.
• No Ads or cookies: Enjoy an uninterrupted experience without tracking.
• Mobile friendly: The responsive interface accommodate both mobile and desktop users.
• Fully client-side: Your data stay on your machine, and is processed locally, ensuring privacy and security.
• Versatile tools: Includes a variety of tools useful for developers regardless of different languages and frameworks.

Visit valerian.dtdg.fr/dev-toolbox to use the toolbox.

To get started with Dev Toolbox, simply clone the repository:

git clone https://github.com/vdtdg/dev-toolbox.git
cd dev-toolbox

Set up your own .env file by copying it from the .env.template file. Fill the values with your local environment configuration.

You need Node.js and npm. At least version 20.

Then, at the root level of the project, execute npm install to install dependencies.

Finally, to run locally the toolbox, execute npm start.

Go to http://localhost:3000/dev-toolbox/ to access your local version of the toolbox.

docker-compose build
docker-compose up -d

Go to http://localhost/dev-toolbox/ to access your docker version of the toolbox.

Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a pull request

• Rework all components to give them a homogeneous design. Also make sure they all run well on mobile.
• Use crypto-js dependency for the JWT helper instead of jsrsasign
• Review all build warning and refactor.
• Every tool should have its own description, in a hidden by default info box. (better SEO + nice UX)
• Optimize load time:
  • Reduce bundle size (See https://create-react-app.dev/docs/analyzing-the-bundle-size/)
  • Lazy loading?
• Add a image crop helper function to the image helper?
• Rename the PomodoroProvider component as a more generic StorageProvider component
• Develop new tools:
  • JSON prettier / reducer (or minify) (Something like https://plantuml.com/json ?)
  • Uptime calculator (99, 99.9, 99.99...)
  • SQL auto-Formatter: drop unindented SQL query, get it formatted properly
  • JSON to Pydantic
  • Regexp display / explainer
  • SQL Polyglot tool.
  • SQL explainer ?
  • huffman encoder ?
  • a basic whiteboard tool ?
  • Various guide list
    • API security Checklist
    • CSS selector reference
• Extend the HTTP Helper to do more than query with JSON bodies, and display the response headers.

Distributed under the GPU GPLv3 License. See LICENSE for more information.

Valérian de Thézan de Gaussan - [email protected]