🧰 OpenSource Toolkit

A modern, comprehensive collection of developer and utility tools built with Next.js 15, React 19, and TypeScript. Designed for developers, security professionals, and anyone who needs reliable, fast, and secure utility tools.

📸 Screenshot

🚀 Tech Stack

Core Technologies

• Next.js 15 - React framework with App Router
• React 19 - Latest React with modern features
• TypeScript - Type-safe development
• Tailwind CSS - Utility-first CSS framework

UI & Components

• Radix UI - Headless, accessible components
• shadcn/ui - Beautiful, reusable components
• Lucide React - Beautiful & consistent icons

State & Data Management

• Zustand - Lightweight state management
• TanStack Query - Powerful data synchronization
• Axios - HTTP client

Development Tools

• ESLint - Code linting
• Prettier - Code formatting
• Husky - Git hooks
• Turbopack - Ultra-fast bundler

🛠️ Getting Started

Prerequisites

• Node.js 18+
• npm or yarn or pnpm

Installation

1. Clone the repository

   git clone https://github.com/truethari/OpensourceToolkit.git
   cd opensourcetoolkit
   

2. Install dependencies

   npm install
   # or
   yarn install
   # or
   pnpm install
   

3. Start the development server

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev
   

4. Open your browser

   http://localhost:5001
   

Build for Production

npm run build
npm run start

📁 Project Structure

opensourcetoolkit/
├── src/
│   ├── app/                    # Next.js App Router
│   │   ├── (tools)/           # Grouped tool routes
│   │   ├── layout.tsx         # Root layout
│   │   └── page.tsx           # Home page
│   ├── components/
│   │   ├── ui/                # shadcn/ui components
│   │   ├── tools/             # Tool-specific components
│   │   ├── general/           # Navigation & layout
│   │   └── wrappers/          # Layout wrappers
│   ├── config/                # Tool configuration
│   ├── hooks/                 # Custom React hooks
│   ├── lib/                   # Utility libraries
│   ├── providers/             # React providers
│   ├── types/                 # TypeScript definitions
│   └── utils/                 # Utility functions
├── public/                    # Static assets
│   ├── seo/                   # SEO images
│   ├── sitemap.xml           # Auto-generated sitemap
│   └── robots.txt            # Search engine directives
├── components.json           # shadcn/ui config
├── tailwind.config.ts        # Tailwind configuration
└── next.config.ts           # Next.js configuration

🎯 Available Tools

Text & Data Generators

| Tool | Description | Route | Features | | ---------------------------- | ------------------------------------------------ | --------------------------- | ---------------------------------------------------- | | UUID Generator | Generate universally unique identifiers | /uuid | V4 (Random), V1 (Timestamp), batch generation | | Lorem Ipsum Generator | Generate placeholder text | /lorem-ipsum | Words/sentences/paragraphs, multiple languages | | Mock Data Generator | Generate realistic fake user data using Faker.js | /mock-data-generator | User profiles, addresses, emails, multiple locales | | QR Code Generator | Generate QR codes for text, URLs, WiFi, and more | /qr-generator | Customizable styling, multiple formats, PNG download | | Privacy Policy Generator | Generate comprehensive privacy policies | /privacy-policy-generator | GDPR & CCPA compliance, customizable data practices |

Format Converters

| Tool | Description | Route | Features | | -------------------------- | --------------------------------- | ------------------ | ------------------------------------------------- | | Timestamp Converter | Convert between timestamp formats | /timestamp | Live time, batch conversion, multiple formats | | Image Format Converter | Convert image formats | /image-converter | PNG/JPEG/GIF/WebP, batch processing, optimization | | Text Case Converter | Transform text cases | /text-converter | Uppercase, lowercase, title case, sentence case | | Base64 Encoder/Decoder | Encode/decode Base64 format | /base64 | Text/file encoding, URL safe, multiple charsets |

Security Tools

| Tool | Description | Route | Features | | ----------------------- | -------------------------------------------- | ----------------- | --------------------------------------------- | | JWT Decoder/Encoder | JWT encoding, decoding & verification | /jwt | Multi-algorithm support, security validation | | HMAC Generator | Generate and verify HMAC codes | /hmac-generator | Multiple algorithms, secure authentication | | Hash Generator | Generate MD5, SHA-1, SHA-256, SHA-512 hashes | /hash-generator | Text & file support, security recommendations |

Network & Monitoring

| Tool | Description | Route | Features | | ----------------------- | ----------------------------------------- | ----------------- | ---------------------------------------------- | | IP Location Checker | Check IP address geolocation | /ip-location | Geolocation, ISP info, timezone detection | | Internet Speed Test | Test internet connection speed | /speed-test | Download/upload speed, ping latency | | DNS Lookup Tool | Query DNS records | /dns-lookup | Multiple record types, batch lookup | | Uptime Monitor | Monitor website uptime and response times | /uptime-monitor | Real-time tracking, command-line visualization |

Development & API

| Tool | Description | Route | Features | | -------------------------- | ----------------------------- | ----------------- | --------------------------------------------- | | API Cron Job Scheduler | Schedule and manage API calls | /cron-scheduler | Cron expressions, real-time dashboard | | API Testing Tool | Professional API testing tool | /api-tester | Request builder, response viewer, collections |

File & Document Tools

| Tool | Description | Route | Features | | ----------------------------- | ------------------------------ | ------------------ | ----------------------------------------------- | | Folder Structure Analyzer | Analyze directory structures | /folder-analyzer | Tree visualization, multi-format export | | PDF Toolkit | Comprehensive PDF manipulation | /pdf-toolkit | Split/merge, rotate, watermarks, text insertion |

Design & Creative

| Tool | Description | Route | Features | | ----------------------- | ------------------------------------ | ------------------ | ------------------------------------------------- | | ASCII Art Generator | Convert text and images to ASCII art | /ascii-generator | Multiple fonts, density controls, export options | | Colors Toolkit | Comprehensive color tools | /colors | Color picker, format converter, palette generator |

Hardware Testing

| Tool | Description | Route | Features | | ------------------------ | -------------------------------------------- | -------------------- | ------------------------------------------------------------------- | | Keyboard Tester | Test keyboard functionality and typing speed | /keyboard-tester | Real-time monitoring, typing speed tests, analytics | | Camera & Mic Tester | Test camera and microphone devices | /camera-mic-tester | Real-time monitoring, recording, device management | | Speaker Testing Tool | Test speakers and audio systems | /speaker-tester | Multiple configurations, frequency testing, output device selection |

🔧 Scripts

npm run dev          # Start development server (port 5001)
npm run build        # Build for production
npm run start        # Start production server
npm run lint         # Run ESLint
npm run format       # Format code with Prettier
npm run test         # Run lint and format checks

🌟 Key Features

🎨 Modern UI/UX

• Dark theme by default with beautiful gradients
• Responsive design that works on all devices
• **Acc