Project Summary: A modern, fast, and multilingual web application that brings together various developer tools under one roof. The site features a clean and user-friendly interface with dedicated pages for each tool. Internationalization (i18n) is one of the core pillars of the project.
- Multilingual Support: 8 different language support (English, Turkish, German, Azerbaijani, French, Spanish, Arabic, Russian)
- Responsive Design: Perfect appearance on all devices
- Modern UI/UX: Modern and clean design with Tailwind CSS
- Fast and Secure: Optimized performance with Next.js
- Tool Diversity: All necessary tools for developers in one place
- Cookie Notice: GDPR compliant cookie notification
- Mega Menu: Advanced navigation experience
- Frontend Framework: Next.js 14 (React 18)
- Styling: Tailwind CSS
- Internationalization: next-i18next
- TypeScript: For type safety
- Icons: Lucide React
- Deployment: Vercel (recommended)
- Node.js 18+
- npm or yarn
# Clone the project
git clone https://github.com/harungecit/devtools-hub.git
cd devtools-hub
# Install dependencies
npm install
# Start development server
npm run dev
# Open in browser
open http://localhost:3000| Language | Code | Status |
|---|---|---|
| English | en | β Default |
| Turkish | tr | β |
| German | de | β |
| Azerbaijani | az | β |
| French | fr | β |
| Spanish | es | β |
| Arabic | ar | β (RTL support) |
| Russian | ru | β |
- Features:
- Customizable length (8-128 characters)
- Uppercase/lowercase options
- Number and symbol inclusion options
- Instant copying
- Strength indicator
- Custom character selection
- Supported Algorithms:
- MD5
- SHA-1
- SHA-256
- SHA-512
- SHA-3
- Features:
- Real-time hash calculation
- Multiple format support
- Copy functionality
- File hash calculation
- Encoder (Generator):
- HS256, HS512, RS256 algorithm support
- Customizable header and payload
- Secret/Private key support
- Decoder (Parser):
- JWT token parsing
- Header and payload display
- JSON format output
- Features:
- SELECT, INSERT, UPDATE, DELETE queries
- WHERE, ORDER BY, GROUP BY, HAVING conditions
- JOIN operations (INNER, LEFT, RIGHT, FULL)
- Subqueries
- Automatic SQL formatting
- Query history
- Features:
- Real-time regex testing
- Multiple test text support
- Match, replace, split operations
- Regex explainer
- Predefined regex patterns
- Detailed match information
- Features:
- Visual cron builder
- Predefined presets
- Script and HTTP job support
- Authentication options
- Crontab, Systemd, Docker export
- Job management and status tracking
- About: Project information
- Privacy Policy: Privacy policy
- Terms of Service: Terms of service
- UUID/GUID Generator
- URL Encode/Decode
- Base64 Encode/Decode
- Unix Timestamp Converter
- Lorem Ipsum Generator
- Color Converter
- JSON Beautifier
- XML Formatter
- CSS Minifier
- JavaScript Minifier
devtools-hub/
βββ components/ # Reusable UI components
β βββ ui/ # Basic UI components
β βββ layout/ # Layout components
β βββ tools/ # Tool-specific components
βββ pages/ # Page components
β βββ api/ # API routes
β βββ tools/ # Tool pages
β βββ about.tsx # About page
β βββ privacy.tsx # Privacy page
β βββ terms.tsx # Terms page
βββ public/ # Static files
β βββ locales/ # Language files
β βββ images/ # Images
βββ styles/ # CSS files
βββ utils/ # Helper functions
βββ types/ # TypeScript type definitions
βββ config/ # Configuration files
public/locales/
βββ en/
β βββ common.json
β βββ password-generator.json
β βββ hash-generator.json
β βββ jwt-tools.json
β βββ sql-builder.json
β βββ regex-tester.json
β βββ cron-generator.json
β βββ about.json
β βββ privacy.json
β βββ terms.json
βββ tr/
β βββ common.json
β βββ password-generator.json
β βββ hash-generator.json
β βββ jwt-tools.json
β βββ sql-builder.json
β βββ regex-tester.json
β βββ cron-generator.json
β βββ about.json
β βββ privacy.json
β βββ terms.json
βββ ...
{
"header": {
"title": "DevTools Hub",
"description": "All-in-one toolkit for developers"
},
"footer": {
"copyright": "Β© 2024 DevTools Hub. All rights reserved.",
"madeWith": "Made with Next.js and Tailwind CSS"
},
"cookieNotice": {
"message": "This website uses cookies to enhance your experience.",
"accept": "Accept",
"decline": "Decline"
}
}- 3-column layout
- Tool categories
- Quick access links
- Responsive design
- GDPR compliant
- Multilingual support
- User preference saving
- Auto-hide functionality
- Mobile-first design
- Tablet and desktop optimization
- Touch-friendly interface
- Fast loading
# Install Vercel CLI
npm i -g vercel
# Deploy
vercel- Netlify:
npm run build && netlify deploy - Railway: Automatic deployment
- Docker: Dockerfile available
# Run tests
npm run test
# Test coverage
npm run test:coverage
# E2E tests
npm run test:e2e- Fork this repository
- Create a new branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Create a Pull Request
- Follow code standards
- Use TypeScript
- Write tests
- Update documentation
- Update language files
- Follow ESLint rules
- Use Prettier formatting
- Make commit messages descriptive
- Use meaningful branch names
This project is licensed under the MIT License. See the LICENSE file for details.
- Next.js - React framework
- Tailwind CSS - CSS framework
- next-i18next - Internationalization
- Lucide React - Icon library
- Vercel - Hosting platform
- Project Link: https://github.com/harungecit/devtools-hub
- Live Demo: https://devtools-hub.vercel.app
