DevMint is a high-performance, developer-focused suite of utilities designed to speed up daily workflows. Featuring formatting, conversion, code execution, regex testing, hash generation, and automated testing tools, DevMint provides all the essential tools developers need in one centralized, privacy-first, local-execution workspace.
🌐 Live Website: https://devmint-tools.vercel.app
Developers constantly need small utility tools—formatting JSON, decoding JWTs, base64 encoding/decoding, checking diffs, or writing regex patterns. The current landscape is fragmented:
- Privacy Risks: Many online utility tools upload your payload or code snippet to a backend server. If you format a JSON string containing client data or a production token, that data is exposed.
- Bad UX and Ads: Most web utility tools are filled with distracting ads, slow load times, and poor styling.
- Context Switching: Navigating between multiple websites for different tools disrupts development concentration.
DevMint solves this by centralizing a wide collection of tools into a single web application. With an emphasis on local-first execution, your data never leaves your browser, ensuring absolute security, instant feedback, and maximum privacy.
DevMint is packed with utility tabs organized into clear functional areas:
- Code Formatter: Instantly clean up code scripts for various formats.
- Multi-Language Editor: A robust editor panel that lets you draft, edit, and examine script snippets.
- Diff Checker: Side-by-side comparison of text and code with precise highlights.
- Code Shrinker: Minify and shrink code outputs for easier sharing and smaller payloads.
- JSON to Types: Generate strict TypeScript interfaces or type definitions directly from JSON payloads.
- JSON Toolkit: Fast parser, formatter, and validation tools for nested structures.
- Base64 Converter: Decode and encode payloads or text headers securely.
- URL Encoder/Decoder: Clean up parameters and query strings to avoid malformed URL errors.
- JWT Decoder: Inspect JSON Web Tokens (JWT) payload, header details, and signatures entirely client-side.
- Color Converter: Seamlessly translate colors between HEX, RGB, and HSL values.
- Number Base Converter: Convert values across binary, octal, decimal, and hexadecimal bases.
- Timestamp Converter: Fast conversions between Unix timestamps and human-readable dates.
- JavaScript Runner: Execute JavaScript logic snippets in a safe sandbox directly in your browser.
- Remote Runner: Run backend code snippets or execute experiment scripts.
- Regex Tester: Check regular expressions and view matches in real time with syntax highlighting.
- Hash & UUID Generator: Create MD5, SHA-256 checksums, and standard UUID/GUID identifiers.
- Lorem Ipsum Generator: Quick placeholder text constructor for design mockups.
- Prompt Improver: Optimize raw prompts into highly structured inputs for LLMs.
- API Test Case Generator: Auto-generate robust test scenarios and edge cases for API endpoints.
- Mock Data Generator: Quickly generate mock records for schemas, APIs, and seeding.
- JSON Schema Validator: Validate JSON data structures against Schema declarations.
- HTTP Request Builder: Compose, verify, and inspect API request headers and parameters.
- Testing Scaffolds: Auto-generate boilerplates for unit tests and E2E Cypress/Playwright flows.
- Log Analyzer: Clean up, parse, and highlight key events in raw production logs.
- Git PR Helper: Generate formatted descriptions and change logs for Pull Requests.
DevMint is engineered with a modern, high-performance stack:
- Frontend Library: React 19 — Component-driven architecture utilizing modern hooks.
- Build System: Vite 7 — Ultra-fast HMR and building.
- Styling: Tailwind CSS v4 & Vanilla CSS for elegant layouts.
- Editor Integration: @monaco-editor/react — Embeds VS Code's editor experience (intellisense, formatting, keymaps).
- Routing: React Router v7 — Fast Client-Side Routing.
- Icons: Lucide React — Clean, consistent iconography.
Set up DevMint locally in less than 2 minutes:
Make sure you have Node.js (v18+ recommended) and npm installed.
-
Clone the Repository:
git clone https://github.com/rahilshah3105/code-line-formatter.git cd code-line-formatter -
Install Dependencies:
npm install
-
Start the Development Server:
npm run dev
Open your browser and navigate to
http://localhost:5173to see it in action. -
Build for Production:
npm run build
This generates the optimized, production-ready bundle in the
distdirectory.
- Select a Tool: Use the sidebar navigation to jump between different category suites.
- Local Processing: Simply paste your text or script into the editor components. Calculations and formatters execute instantly client-side.
- Generate Sitemap: The application utilizes a prebuild script to automatically compile a sitemap from configured routes.
- To run it manually:
npm run sitemap:generate
- To run it manually:
To index DevMint and show its pages on Google, Google Search Console ownership verification is fully configured in this repository.
- Deploy to production (e.g. Vercel, Netlify, or custom server) using
npm run build. - Open Google Search Console and choose the URL prefix property type.
- Enter your domain:
https://devmint-tools.vercel.app/ - Choose Verification Method:
- HTML File Upload: Google Search Console provides a verification file. A pre-configured verification file exists at
public/googled1a543d80e38cfa9.html. If you use this file, verify it's accessible athttps://devmint-tools.vercel.app/googled1a543d80e38cfa9.html. - HTML Tag Method: You can copy the
<meta name="google-site-verification" content="..." />tag from your console and paste it into index.html. The template currently has a verification tag prepared in the head.
- HTML File Upload: Google Search Console provides a verification file. A pre-configured verification file exists at
- Click Verify in the console.
- Submit Sitemap:
- Go to Sitemaps in the Search Console dashboard.
- Input the path
sitemap.xmland click Submit. - The crawler will discover all dynamic tool routes (e.g.,
/formatter,/json-types, etc.) mapped out insrc/utils/seo.js.
Include visual previews of the application interface here.
| Sidebar Navigation & Dashboard | Code Formatter in Action |
|---|---|
| JSON Toolkit Utility | Responsive Layout Preview |
|---|---|
We plan to expand the suite with the following additions:
- Progressive Web App (PWA) Support: Enable complete offline execution for all tools.
- Custom Plugin API: Allow developers to build and run their own mini web-based utilities within the interface.
- Secure Sync Workspace: Optional cloud backup and team sharing for runners/templates using WebSockets (
collab-server). - Local DB Integration: Save recent state, history, and workspace configurations in indexedDB.
Created by Rahil Shah (rahilshah3105)
- GitHub: @rahilshah3105
- Project Repository: code-line-formatter
Feel free to open issues or pull requests to suggest new utilities and optimizations!