S J N
  • Home
  • About Me
  • Projects
  • Blogs
  • Contact

"The only way to do great work is to love what you do." - Steve Jobs

© 2025 Shofiqul Islam Sujon. All rights reserved.

shofidev-tools a personal Toolkit
Live Demo GitHub

shofidev-tools a personal Toolkit

SHOFIDEV_TOOLS (also known as Shofi Dev Tools) is an all-in-one, privacy-first, browser-only developer suite designed to remove friction from daily engineering and freelancing workflows. Developed by Shofiqul Islam Sujon (shofidev), it is 100% free and operates with zero page reloads.

🔒 Core Value Proposition: 100% Client-Side Privacy

The defining feature of SHOFIDEV_TOOLS is its strict focus on security. All processing happens locally inside your browser using modern Web APIs. None of your sensitive data, raw text, JWT secrets, payloads, or uploaded files are ever transmitted to external servers.


🛠️ Included Developer Utilities & Features

SHOFIDEV_TOOLS features 12 core web/developer utilities, an integrated Islamic Prayer Suite, and an AI assistant:

1. AI Assistant

  • An embedded intelligent coding helper, technical tutor, and workflow consultant designed to assist with debugging, refactoring, and software architecture.

2. WebP Image Converter

  • Converts images (PNG, JPG, etc.) into modern WebP format locally to minimize file size while maintaining visual resolution.

  • Features Drag & Drop batch conversion, live progress tracking, target quality presets (Highest Quality, High Quality, Balanced), and single or ZIP downloads.

3. Text Case Transformer

  • Instant text manipulation across multiple casing styles: Sentence case, lower, UPPERCASE, Title Case, Capitalized, aLtErNaTiNg, and iNVERSE case.

4. JSON Formatter & Minifier

  • Pretty-prints, indents, formats, and minifies complex JSON payloads with instant, real-time syntax error validation and highlighting.

5. Base64 Encoder & Decoder

  • Safely encodes plain text and binary files into Base64 strings or decodes Base64 data back to readable formats.

6. Markdown Live Previewer

  • Side-by-side, real-time Markdown editor featuring full GitHub Flavored Markdown (GFM) support, syntax rendering, and instant HTML export options.

7. CSS Glassmorphism & Shadow Maker

  • Visual designer for modern UI development. Generates CSS code for frosted glass effects (backdrop-filter) and realistic, multi-layered organic drop shadows.

8. Color Contrast & Palette Builder

  • WCAG 2.1 accessibility checker that calculates color contrast ratios (AA/AAA compliance) alongside a dynamic palette generator for design systems.

9. Fiverr Message Safety Checker

  • Built specifically for freelancers. Scans client messages against 40+ restricted terms (e.g., off-platform contact requests, payment bypass words) to prevent account warnings and keep seller accounts safe.

10. Task Manager

  • A local Kanban project board featuring priority tags, deadline tracking, search filtering, and delivery health metrics to manage client work seamlessly.

11. Time Desk & World Timezones

  • A ticking global clock supporting international timezone calculations, live difference tracking, and customizable countdown timers.

12. JWT Debugger & Token Inspector

  • Decodes JWT headers and payload claims locally. Calculates active vs. expired status with a live countdown timer and inspects client/user scopes—without risking token leaks to a backend server.

13. Backend Crypto & Token Suite

  • Powered by the native Web Crypto API. Generates secure cryptographic hashes (SHA-256, SHA-512, SHA-384, SHA-1, MD5), calculates HMAC webhook signatures, creates batch UUID v4 tokens, and converts Unix epoch timestamps bi-directionally.

14. Islamic Prayer & Salah Times

  • An offline solar astronomy timetable calculating accurate daily prayer times (Fajr, Sunrise, Dhuhr, Asr, Maghrib, Isha).

  • Includes real-time alerts for prohibited/Makruh prayer windows (Sunrise, Zawal midday zenith, Sunset), a live countdown to the next prayer, and support for both Hanafi and Shafi'i juristic calculation modes.


Key Technical Highlights

  • Zero Overhead: Built with a clean, responsive UI with zero reloads.

  • No Server Footprint: Protects API keys, tokens, and proprietary code from network exposure.

  • 100% Free: Fully accessible without paywalls or hidden subscriptions.

Let me know if you would like to know how to use any specific tool within the suite!

Technologies:

Next.js

TypeScript

React

Tailwind CSS

Local Storage

← Back to Projects Page