Online Tools

A collection of useful online tools built with Next.js, Tailwind CSS, and Shadcn UI.

Features

• File Preview - Image preview, PDF viewer, Office document viewer
• Generators - QR code, barcode, and chart generators
• Developer Tools - JSON formatter, XML/SQL formatter, Regex tester, Diff tool
• Security Tools - Encryption, hash generator, JWT decoder

Getting Started

This project uses pnpm as the package manager.

# Install dependencies
pnpm install

# Start development server
pnpm dev

Open http://localhost:3000 to view the application.

Commands

Command	Description
pnpm dev	Start development server
pnpm build	Build for production
pnpm lint	Run ESLint
pnpm test	Run tests (Vitest)
pnpm preview	Preview production build

Tech Stack

• Framework: Next.js 16 (App Router)
• Styling: Tailwind CSS 4
• UI: Shadcn UI + Base UI
• State: Zustand
• Testing: Vitest + Testing Library
• i18n: next-intl

Project Structure

app/               # Next.js App Router pages
components/ui/     # Shadcn UI components
components/        # Feature-specific components
hooks/             # Custom React hooks
lib/               # Utility functions
config/            # Configuration files
public/            # Static assets

License

MIT