Une collection complète d'outils de développement web modernes et pratiques
DevTools Hub est une application web Next.js qui regroupe une multitude d'outils essentiels pour les développeurs, designers et administrateurs système. Interface moderne, responsive et intuitive pour accélérer votre workflow de développement.
- JSON Formatter - Formatage et validation JSON
- XML Formatter - Formatage et validation XML
- YAML Formatter - Formatage et validation YAML
- SQL Formatter - Formatage de requêtes SQL
- Text Converter - Conversion de casse et formatage de texte
- Spell Checker - Vérification orthographique
- Text Reformulator - Reformulation de texte
- JSON to CSV - Conversion JSON vers CSV
- Hash & Encrypt - Génération de hash (MD5, SHA-1, SHA-256, etc.)
- Base64 - Encodage/décodage Base64
- URL Encoder - Encodage/décodage URL
- HTML Escape - Échappement HTML
- Basic Auth Generator - Génération d'en-têtes d'authentification
- JWT Parser - Analyse et décodage de tokens JWT
- UUID Generator - Génération d'identifiants uniques
- Random Port Generator - Génération de ports aléatoires
- Crontab Generator - Génération d'expressions cron
- Slugify - Conversion de texte en slug
- Mock Data Generator - Génération de données de test
- Color Palette Generator - Génération de palettes de couleurs
- Date Formatter - Formatage et manipulation de dates
- URL Parser - Analyse d'URLs
- Device Information - Informations sur l'appareil
- Email Normalizer - Normalisation d'adresses email
- Chmod Calculator - Calculatrice de permissions Unix
- Docker Converter - Conversion de commandes Docker
- MIME Types - Référence des types MIME
- Keycode Info - Informations sur les codes de touches
- HTTP Status Codes - Codes de statut HTTP
- Git Cheatsheet - Aide-mémoire Git
- Regex Cheatsheet - Aide-mémoire expressions régulières
- Regex Tester - Testeur d'expressions régulières
- Bundle Analyzer - Analyse de bundles
- GraphQL Playground - Playground GraphQL
- CSS Grid Generator - Générateur de grilles CSS
- Console Log Beautifier - Formatage des logs console
- Error Stack Parser - Analyse de stack traces
- Cheatsheets - Collection d'aide-mémoires technologiques
- Node.js 18+
- npm ou yarn
# Cloner le repository
git clone https://github.com/winvdaking/devtools.git
cd devtools
# Installer les dépendances
npm install
# Lancer en mode développement
npm run devL'application sera accessible sur http://localhost:3001
# Construire l'image Docker
docker build -t devtools .
# Lancer le conteneur
docker run -p 3001:3000 devtools- Navigation : Utilisez la sidebar pour naviguer entre les différents outils
- Interface responsive : L'application s'adapte automatiquement à votre écran
- Mode sombre/clair : Basculez entre les thèmes selon vos préférences
- Copie rapide : La plupart des outils proposent des boutons de copie en un clic
src/
├── app/ # Pages Next.js App Router
├── components/
│ ├── tools/ # Composants d'outils individuels
│ ├── ui/ # Composants UI réutilisables
│ └── sidebar.tsx # Navigation principale
├── lib/ # Utilitaires et helpers
└── types/ # Définitions TypeScript
- Framework : Next.js 14 avec App Router
- Language : TypeScript
- Styling : Tailwind CSS
- UI Components : Radix UI
- Icons : Lucide React
- Animations : Framer Motion
- Theme : next-themes
npm run dev # Démarrage en mode développement
npm run build # Construction pour la production
npm run start # Démarrage en mode production
npm run lint # Vérification du code avec ESLintnpm install -g vercel
verceldocker-compose up -dnpm run build
npm run startLes contributions sont les bienvenues ! Consultez notre guide de contribution pour plus de détails.
Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.
- Next.js - Framework React
- Tailwind CSS - Framework CSS
- Radix UI - Composants UI
- Lucide - Icônes
- Framer Motion - Animations
- 🐛 Bugs : Ouvrir une issue
- 💡 Suggestions : Discussions
- 📧 Contact : [email protected]