BrowseryTools : boîte à outils de productivité gratuite basée sur le navigateur
Qu'est‑ce que BrowseryTools ?
BrowseryTools (https://browserytools.com) est une collection entièrement basée sur le navigateur d'outils de productivité open‑source. L’objectif est simple : vous offrir une plateforme unique pour les tâches courantes – retouche d'image, conversion de fichiers, assistance au codage, etc. – tout en conservant toutes les données localement dans le navigateur. L'absence de traitement côté serveur signifie que vos fichiers ne quittent jamais votre machine, vous garantissant une confidentialité totale et des réponses ultra‑rapides.
| Catégorie | Exemples |
|---|---|
| Outils image | Suppression d'arrière‑plans, compression, conversion de formats, corrections de couleurs |
| Outils fichiers | Fusion/création de PDF, archivage zip, visualiseur CSV, convertisseur de fichiers génériques |
| Outils multimédia | Découpage vidéo, découpage audio, testeur caméra/micro |
| Outils texte | Convertisseur de casse, compteur, formateur, Lorem ipsum |
| Outils données | JSON ↔ CSV, encodage/décodage Base64, générateur/liseur de QR et codes‑barres |
| Mathématiques & Finance | Générateurs de factures/unité, calculatrice, convertisseur de devises |
| Productivité | Liste de tâches, minuteur, compte à rebours |
| Sécurité | UUID, décodeur JWT, générateur de hachage, générateur de mot de passe |
La boîte à outils est construite sur une pile JavaScript moderne : Next.js 15 avec l'App Router, TypeScript, Tailwind CSS et Shadcn + Radix UI pour les composants. L’état est géré avec Zustand, les icônes proviennent de Lucide React, et les animations utilisent Framer Motion. Le flux de travail de développement est entièrement automatisé grâce à GitHub Actions, et le projet est déployé sur Vercel avec des aperçus instantanés.
Pourquoi uniquement navigateur ?
- Confidentialité : Tous les fichiers restent sur votre appareil ; aucune téléversement vers le cloud.
- Vitesse : Le traitement côté navigateur réduit la latence.
- Simplicité : Pas d'entretien serveur, pas de coûts, pas de dépendances sur des services externes.
- Fiabilité : Si un type de fichier est pris en charge, cela fonctionne indépendamment des conditions réseau.
Démarrage
# Clonez le dépôt
git clone https://github.com/aghyad97/browserytools.git
cd browserytools
# Installez les dépendances (tout gestionnaire de paquets fonctionne)
npm install # ou yarn, pnpm, bun
# Exécutez localement
npm run dev
# Ouvrez votre navigateur
http://localhost:3000
Une fois ouvert, vous verrez un tableau de bord propre avec une barre latérale répertoriant tous les outils. Cliquer sur un d’eux ouvre une page dédiée avec une interface interactive.
Contribution
BrowseryTools accueille les contributions – des nouveaux outils à la retouche d'interface utilisateur. Voici un rapide aperçu :
- Forkez le dépôt.
- Créez une branche fonctionnelle :
git checkout -b feature/<tool‑name>. - Ajoutez le composant de l'outil dans
src/components/<ToolName>.tsx. - Créez une route sous
src/app/tools/<tool-name>/page.tsx. - Mettez à jour la navigation et tout état partagé (dépôts Zustand) si nécessaire.
- Validez, poussez, puis ouvrez une PR.
Avant de soumettre, exécutez les scripts de lint et de test :
npm run lint
npm test
Cas d'utilisation
- Freelances : générez des factures via le générateur d'invoices et compressez les images avant d'envoyer.
- Développeurs : formatez rapidement le JSON, convertissez le code en extraits soignés, et utilisez le décodeur JWT lors du débogage.
- Designer : créez des maquettes de téléphone, ajustez les palettes de couleurs, et générez des codes QR pour vos portfolios.
- Éducateurs : offrez aux étudiants un environnement sûr, sans serveur, pour les exercices de codage.
Comme chaque outil s'exécute localement, vous pouvez être sûr que les données sensibles – comme les mots de passe, les tokens ou les PDF – restent privées.
Feuille de route
Le projet s'étend activement. Les prochaines fonctionnalités incluent :
- Éditeur SVG : édition vectorielle complète.
- Convertisseur de fichiers : convertissez des documents, de l'audio et des vidéos.
- Visionneuse de tableur : capacités CSV/Excel améliorées.
- Assistants IA : plugins côté serveur facultatifs pour un traitement d'image ou de texte avancé.
Vos idées et vos pull requests sont vivement encourageées.
Ressources & Communauté
- Documentation – Le README du dépôt reste à jour avec les instructions d'installation et la liste des outils.
- Issues – Signalez des bugs ou demandez des fonctionnalités.
- Pull Requests – Soumettez des corrections de code ou de nouveaux outils.
- Social – Suivez @aghyadev sur Twitter pour des mises à jour.
- Sponsors – Les GitHub Sponsors soutiennent la maintenance continue.
En résumé
BrowseryTools, c’est bien plus qu’une collection d’outils ; c’est un terrain de jeu open‑source axé sur la confidentialité pour quiconque souhaite améliorer sa productivité directement dans le navigateur. Que vous retouchiez des images, manipuliez des données ou formatiez du code, ce projet propose une alternative fiable et gratuite aux lourdes applications de bureau. Lancez l’outil vous-même, rejoignez la communauté ou contribuez une nouvelle fonctionnalité – votre navigateur peut devenir le meilleur outil de tous.
Prêt à plonger ?
Visitez l'application en direct : https://browserytools.com
Contribuez : https://github.com/aghyad97/browserytools
Bonne hacking !