How shubham-vandara/developer-toolbox works
Developer Toolbox is a frontend-only React app for finding and using 46 browser-based developer utilities. The user browses or searches the tool catalog, opens a tool route, enters data, and views or copies the locally processed result. Tool categories are grouped below to keep the map readable while retaining the README’s major capability areas. The README documents the registry-driven navigation and local-only behavior; sampled source confirms routing, storage, and selected tool implementations, but not every tool’s internal calls.
Main entry points: App.jsx App routes · tools.js Tool registry · Home.jsx Homepage · Tools.jsx Tool listing
Components 22
App navigation
- App routes
src/App.jsx - Tool registry
src/data/tools.js - Homepage
src/pages/Home.jsx - Tool listing
src/pages/Tools.jsx - Search palette
src/components/common/CommandPalette.jsx
Tool categories
- JSON and data
src/tools/json - Encoding and URLs
src/tools/base64 - Generators
src/tools/uuid - Security tools
src/tools/hash-generator - Text tools
src/tools/text-case - Formatting tools
src/tools/sql-formatter - Converters
src/tools/unit-converter - Date and time
src/tools/timestamp - Network references
src/tools/http-status-codes - Cheatsheets
src/tools/git-cheatsheet
Shared interface
- App layout
src/components/layout/AppLayout.jsx - Tool layout
src/components/layout/ToolLayout.jsx - Clipboard support
src/utils/clipboard.js
Local preferences
- Theme provider
src/hooks/useTheme.jsx - Storage hook
src/hooks/useLocalStorage.js - Local storage
src/utils/storage.js
Other components
- User
Connections 26
- User → App routes: opens app
- App routes → App layout: renders shell
- App routes → Homepage: routes to
- App routes → Tool listing: routes to
- App routes → Tool registry: maps tool routes
- Tool registry → Homepage: drives catalog
- Tool registry → Tool listing: drives listing
- Tool registry → Search palette: provides tool data
- User → Homepage: browses tools
- User → Tool listing: browses categories
- User → Search palette: searches tools
- App layout → Tool layout: frames tool routes
- App routes → JSON and data: dispatches routes
- App routes → Encoding and URLs: dispatches routes
- App routes → Generators: dispatches routes
- App routes → Security tools: dispatches routes
- App routes → Text tools: dispatches routes
- App routes → Formatting tools: dispatches routes
- App routes → Converters: dispatches routes
- App routes → Date and time: dispatches routes
- App routes → Network references: dispatches routes
- App routes → Cheatsheets: dispatches routes
- User → Clipboard support: copies output
- App routes → Theme provider: provides theme
- Theme provider → Local storage: reads and writes
- Storage hook → Local storage: reads and writes