DevPockit
A modern web application providing essential developer tools with a clean, responsive interface. Built with Next.js 15, featuring 30+ powerful tools that run entirely client-side for optimal performance and privacy.
๐ Production | ๐ Documentation | ๐ค Contributing | ๐ Changelog
โจ Features
- 30+ Developer Tools - JSON formatter, UUID generator, JWT decoder, regex tester, and more
- Client-Side Processing - All tools run in your browser, no data sent to servers
- Modern UI - Clean, responsive design with dark/light theme support
- Fast & Reliable - Built with Next.js 15 and TypeScript
- Mobile Friendly - Works seamlessly on desktop, tablet, and mobile devices
- Open Source - MIT licensed, free to use and contribute
๐ Quick Start
Prerequisites
- Node.js 18+ (recommended: Node.js 20+)
- pnpm (package manager)
Installation
# Clone the repository
git clone https://github.com/hypkey/devpockit.git
cd devpockit
# Install dependencies
pnpm install
# Start development server
pnpm devVisit http://localhost:3000 to see the application.
For detailed setup instructions, see CONTRIBUTING.md.
๐ ๏ธ Available Tools
Text Tools
- Lorem Ipsum Generator - Generate placeholder text
- Regex Tester - Test and debug regular expressions
- Diff Checker - Compare two texts side-by-side
Formatters
- JSON Formatter - Format and beautify JSON
- XML Formatter - Format and beautify XML
Cryptography & Security
- UUID Generator - Generate v1, v4, and v5 UUIDs
- JWT Decoder - Decode and analyze JWT tokens
- JWT Encoder - Create and encode JWT tokens
- Hash Generator - Generate cryptographic hashes (SHA-1, SHA-256, SHA-512, SHA-3)
Encoders & Decoders
- QR Code Generator - Generate QR codes for text, URLs, contacts, WiFi, SMS, email
- QR Code Decoder - Decode QR codes from images
- QR Code Scanner - Scan QR codes using device camera
- URL Encoder/Decoder - Encode and decode URLs
- Base Encoder/Decoder - Base64, Base32, Base16, Base85 encoding
Converters
- Cron Expression Parser - Build and parse cron expressions
- Data Format Converter - Convert between JSON, YAML, Python Dict, TypeScript Map, XML
- Timestamp Converter - Convert between Unix timestamps, ISO 8601, RFC 2822
- List Format Converter - Convert lists between different formats
- Schema Converter - Convert between JSON Schema, Spark Schema, TypeScript, Python, SQL
- Number Base Converter - Convert between binary, octal, decimal, hexadecimal
Network Tools
- CIDR Analyzer - Analyze CIDR notation
- IP to CIDR Converter - Convert IP addresses to CIDR
- IP Address Lookup - Look up IP address information
- System Information - View browser and device information
Utilities
- List Comparison - Compare two lists to find differences
- JSON Path Finder - Query JSON using JSONPath
- XML Path Finder - Query XML using XPath
- YAML Path Finder - Query YAML using YAMLPath
- JSON/YAML Schema Generator - Generate JSON Schema from data
๐๏ธ Tech Stack
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: Shadcn/ui
- Package Manager: pnpm
- Testing: Jest + React Testing Library
๐ Documentation
- Contributing Guide - How to contribute to the project
- Code of Conduct - Community guidelines
- Security Policy - Security reporting and practices
- Changelog - Version history and changes
For architecture and development documentation, see the docs directory.
๐ Deployment
Build for Production
pnpm build
pnpm startSee CONTRIBUTING.md for detailed deployment instructions.
๐ Self-Hosting
DevPockit runs entirely in the browser and can be self-hosted on GitHub Pages, your own server, or any static hosting platform.
Quick Start: GitHub Pages
- Fork this repository
- Go to Settings โ Pages โ set Source to GitHub Actions
- Sync fork to get the latest release
- Go to Actions โ Deploy to GitHub Pages โ Run workflow
Your instance will be live at https://<username>.github.io/<repo>/
Note:
mainonly contains released code โ development happens ondevelop. Syncing your fork is always safe; you will never accidentally deploy unreleased changes.
Docker
docker build -t devpockit .
docker run -p 8080:80 devpockitVisit http://localhost:8080
Full Guide
See docs/SELF_HOSTING.md for GitHub Pages, Docker, nginx, Apache, Caddy, Netlify, Vercel, and Cloudflare Pages.
๐ค Contributing
Contributions are welcome! Please read our Contributing Guide to get started.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'feat: add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
Please make sure to follow our Code of Conduct.
๐ License
This project is licensed under the MIT License - see the LICENSE file for details.
๐ Acknowledgments
Made with โค๏ธ by the DevPockit community