LGTM Generator

A simple web application for generating LGTM images.

🌐 日本語版READMEはこちらをご覧ください。

Try It Now

🚀 Live Demo

How to Use

1. Add a background image using your preferred method:
   • Drag and drop an image file
   • Click to select an image file
   • Copy and paste from clipboard (Ctrl+V / ⌘+V)
   • Use "Random Dog" button for dog images
2. Select fit mode
3. Image is generated automatically
4. Download the image or copy to clipboard

Privacy Notice

• Uploaded images are processed entirely within your browser and are never sent to any server
• Random dog images are retrieved from an external API

Development

For developers who want to contribute or run locally:

Prerequisites

• Node.js 20.19.0+
• npm

Setup

git clone https://github.com/obikosato/lgtm-gen.git
cd lgtm-gen

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:5173 in your browser.

Build Commands

# Production build
npm run build

# Preview production build
npm run preview

# Code quality check (lint + format)
npm run check

Project Structure

├── src/
│   ├── components/           # React components
│   ├── hooks/                # Custom React hooks
│   ├── i18n/                 # Internationalization
│   ├── lib/                  # Utility functions
│   ├── providers/            # React context providers
│   ├── types.ts              # TypeScript type definitions
│   ├── App.tsx               # Application root
│   └── main.tsx              # Entry point
├── index.html                # HTML entry point
├── dist/                     # Build output
├── biome.json                # Biome configuration
├── vite.config.ts            # Vite configuration
├── tsconfig.json             # TypeScript configuration
├── package.json              # Dependencies and scripts
└── LICENSE                   # MIT license file

Built With

• React - UI library
• TypeScript - Type-safe JavaScript
• Vite - Fast build tool
• Chakra UI - Modular and accessible component library
• Biome - Fast linter and formatter

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Dog CEO API - Provides random dog images (MIT License)

For detailed attribution information, see ATTRIBUTION.md.

Disclaimer

• You are solely responsible for the use of images generated and downloaded from this application
• Please ensure you have proper legal rights (including copyright) to use any images you upload or other content you provide
• The developers assume no responsibility for any damages that may arise from the use of this application