{"id":29745690,"url":"https://github.com/zmofei/mofei-dev-tools","last_synced_at":"2025-07-26T06:17:18.041Z","repository":{"id":303243236,"uuid":"1014787417","full_name":"zmofei/mofei-dev-tools","owner":"zmofei","description":"🛠️ A modern collection of development tools with internationalization support. Features Base64 encoder/decoder with sharing functionality. Built with Next.js 15, TypeScript, and Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-07-20T20:10:54.000Z","size":420,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-20T22:08:46.080Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://tools.mofei.life","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zmofei.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-06T12:19:25.000Z","updated_at":"2025-07-20T20:10:58.000Z","dependencies_parsed_at":"2025-07-06T15:35:45.098Z","dependency_job_id":"429b84d1-2d53-47ea-a568-4594723b5a0d","html_url":"https://github.com/zmofei/mofei-dev-tools","commit_stats":null,"previous_names":["zmofei/mofei-dev-tools"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zmofei/mofei-dev-tools","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zmofei%2Fmofei-dev-tools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zmofei%2Fmofei-dev-tools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zmofei%2Fmofei-dev-tools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zmofei%2Fmofei-dev-tools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zmofei","download_url":"https://codeload.github.com/zmofei/mofei-dev-tools/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zmofei%2Fmofei-dev-tools/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267128037,"owners_count":24040157,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-26T02:00:08.937Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-07-26T06:17:17.035Z","updated_at":"2025-07-26T06:17:18.025Z","avatar_url":"https://github.com/zmofei.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mofei Dev Tools\n\nA collection of handy development tools built with Next.js 15, featuring internationalization and modern UI design.\n\n**[中文文档](README.zh.md) | [English](README.md)**\n\n## 🌟 Features\n\n- **🌍 Internationalization**: Full Chinese/English language support with dynamic routing\n- **🔤 Base64 Tool**: Encode/decode with history tracking and sharing functionality\n- **🗺️ GeoJSON Preview**: Generate geojson.io preview links for geographic data visualization\n- **📊 JSON Path Extractor**: Extract values from JSON using JSONPath with comparison mode\n- **🧭 GIS Coordinate Converter**: Convert between WGS84, GCJ-02, BD-09, UTM, Web Mercator coordinate systems\n- **📱 Responsive Design**: Mobile-first design with beautiful animations\n- **⚡ Modern Stack**: Built with Next.js 15, TypeScript, and Tailwind CSS\n- **🎨 Beautiful UI**: Gradient effects, smooth animations, and polished design\n\n## 🚀 Live Demo\n\nVisit the tools at your deployed URL to see them in action.\n\n## 📋 Available Tools\n\n### 🔤 Base64 Encoder/Decoder\n- **Encode/Decode**: Convert text to Base64 and vice versa\n- **History Tracking**: Keep track of your conversions with timestamps\n- **Share Results**: Generate shareable URLs with auto-execution\n- **UTF-8 Support**: Full support for Chinese and Unicode characters\n- **Local Processing**: All conversions happen in your browser\n\n### 🗺️ GeoJSON Preview Tool\n- **Generate Preview Links**: Create geojson.io preview URLs for GeoJSON data\n- **Multiple Storage Methods**: URL method for small files, GitHub Gist for large files\n- **GitHub Integration**: OAuth login and personal access token support\n- **History Management**: Track and manage your generated preview links\n- **Format Validation**: Automatic GeoJSON format validation\n- **Large File Support**: Automatic handling of complex geographic data\n\n### 📊 JSON Path Extractor\n- **JSONPath Support**: Extract data using standard JSONPath expressions\n- **Multi-Column Extraction**: Create multiple extraction columns simultaneously\n- **Comparison Mode**: Compare two JSON objects side by side\n- **Export Options**: Export results as CSV or Markdown tables\n- **Suggested Paths**: Intelligent path suggestions based on JSON structure\n- **Array Traversal**: Handle complex nested arrays and objects\n- **Real-time Preview**: Live preview of extraction results\n\n### 🧭 GIS Coordinate Converter\n- **Multiple Coordinate Systems**: Support for WGS84, GCJ-02, BD-09, UTM, Web Mercator\n- **Batch Conversion**: Convert multiple coordinates (one per line)\n- **Format Support**: Decimal degrees, degrees-minutes-seconds, UTM zones\n- **China-Specific**: Proper handling of Chinese encrypted coordinate systems\n- **Share Results**: Generate shareable URLs with coordinate parameters\n- **Export Options**: Export conversion results as JSON or CSV\n- **Algorithm Transparency**: Uses publicly available conversion algorithms\n- **Real-time Conversion**: Instant conversion between all supported systems\n\n## 🛠️ Tech Stack\n\n- **Framework**: Next.js 15 (App Router)\n- **Language**: TypeScript\n- **Styling**: Tailwind CSS\n- **Animations**: Framer Motion\n- **Deployment**: Vercel\n- **Icons**: Custom SVG icons\n\n## 🌐 Internationalization\n\nThe application supports two languages with intelligent routing:\n\n- **English**: `/` (homepage) and `/en/*` (other pages)\n- **Chinese**: `/zh` (homepage) and `/zh/*` (other pages)\n\n## 🏗️ Project Structure\n\n```\nsrc/\n├── app/\n│   ├── [lang]/                    # Dynamic language routing\n│   │   ├── page.tsx               # Localized homepage\n│   │   ├── base64/                # Base64 tool pages\n│   │   ├── geojson/               # GeoJSON preview tool\n│   │   ├── json-extract/          # JSON path extractor\n│   │   └── coordinate-converter/  # GIS coordinate converter\n│   ├── base64/                    # English Base64 tool\n│   ├── geojson/                   # English GeoJSON tool\n│   ├── json-extract/              # English JSON extractor\n│   ├── coordinate-converter/      # English coordinate converter\n│   ├── globals.css                # Global styles\n│   ├── layout.tsx                 # Root layout\n│   └── page.tsx                   # English homepage\n├── components/\n│   ├── Common/\n│   │   ├── Nav.tsx                # Navigation component\n│   │   └── Foot.tsx               # Footer component\n│   ├── GoogleAnalytics.tsx        # Analytics integration\n│   └── StructuredData.tsx         # SEO structured data\n└── contexts/\n    └── LanguageContext.tsx        # Language management\n```\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js 18+ \n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n```bash\ngit clone git@github.com:zmofei/mofei-dev-tools.git\ncd mofei-dev-tools\n```\n\n2. Install dependencies:\n```bash\nnpm install\n# or\nyarn install\n```\n\n3. Configure environment variables (optional):\n```bash\ncp .env.example .env.local\n# Edit .env.local and add your Google Analytics tracking ID\n```\n\n4. Run the development server:\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\n5. Open [http://localhost:3000](http://localhost:3000) in your browser.\n\n## 📦 Building for Production\n\n```bash\nnpm run build\nnpm start\n```\n\n## 🎨 Design Features\n\n### Visual Effects\n- **Gradient Backgrounds**: Beautiful gradient overlays throughout the UI\n- **Dot Pattern**: Animated dot pattern in the footer\n- **Smooth Animations**: Framer Motion powered animations\n- **Hover Effects**: Interactive hover states for better UX\n\n### Responsive Design\n- **Mobile-First**: Optimized for mobile devices\n- **Breakpoint System**: Tailwind's responsive breakpoints\n- **Touch-Friendly**: Large tap targets and smooth interactions\n\n## 📊 Analytics\n\nThe project includes Google Analytics integration for tracking user behavior and tool usage.\n\n### Configuration\n\n1. Get your Google Analytics tracking ID from [Google Analytics](https://analytics.google.com/)\n2. Create a `.env.local` file in the project root:\n```bash\nNEXT_PUBLIC_GA_ID=G-XXXXXXXXXX\n```\n3. Replace `G-XXXXXXXXXX` with your actual tracking ID\n\n### Tracked Events\n\nThe application automatically tracks:\n- **Page Views**: All page navigation\n- **Tool Usage**: All tool operations (Base64, GeoJSON, JSON extraction, coordinate conversion)\n- **User Actions**: Copy, share, export, and other interactions\n- **Language Switching**: User language preferences\n- **Feature Usage**: GitHub integration, batch operations, format conversions\n\n### Privacy\n\n- All analytics data is anonymized\n- No personal information is collected\n- Users can disable analytics via browser settings\n\n## 🔧 Development\n\n### Adding New Tools\n\n1. Create a new tool directory in `src/app/` for the main implementation\n2. Add localized routes in `src/app/[lang]/` for internationalization\n3. Update translations in `src/contexts/LanguageContext.tsx`\n4. Add tool metadata to the homepage tool list in `src/app/page.tsx`\n5. Update SEO metadata and structured data\n6. Add the tool to sitemap.xml and robots.txt\n\n### Adding Translations\n\nUpdate the translations object in `src/contexts/LanguageContext.tsx`:\n\n```typescript\nconst translations = {\n  zh: {\n    'your.key': '中文翻译',\n    // ...\n  },\n  en: {\n    'your.key': 'English Translation',\n    // ...\n  }\n};\n```\n\n### Adding Analytics Events\n\nImport and use the event tracking function:\n\n```typescript\nimport { event } from '@/components/GoogleAnalytics';\n\n// Track custom events\nevent('action_name', 'Category', 'Label', value);\n```\n\n## 💬 User Feedback \u0026 Tool Requests\n\nWe highly value your feedback and suggestions! Here's how you can help us improve:\n\n### 🎯 How to Provide Feedback\n\n- **🐛 Found a bug?** → [Report an issue](https://github.com/zmofei/mofei-dev-tools/issues/new?template=bug_report.yml)\n- **✨ Want a new feature?** → [Request a feature](https://github.com/zmofei/mofei-dev-tools/issues/new?template=feature_request.yml)  \n- **💡 Have an idea for a new tool?** → [Start a discussion](https://github.com/zmofei/mofei-dev-tools/discussions/new?category=ideas)\n- **🤔 Need help using a tool?** → [Ask in Q\u0026A](https://github.com/zmofei/mofei-dev-tools/discussions/new?category=q-a)\n- **💬 Want to share feedback?** → [General discussion](https://github.com/zmofei/mofei-dev-tools/discussions/new?category=general)\n\n### 🚀 Tool Request Process\n\n1. **Share your idea** in [Discussions](https://github.com/zmofei/mofei-dev-tools/discussions)\n2. **Community discussion** and feedback\n3. **Feasibility assessment** by maintainers\n4. **Development prioritization** based on demand and complexity\n5. **Implementation** and testing\n6. **Release** and user notification\n\n### 📊 What We're Looking For\n\n- **Developer tools** that save time and effort\n- **Data conversion** and processing utilities\n- **Text manipulation** and formatting tools\n- **Design helpers** and calculators\n- **Productivity boosters** for common tasks\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n📖 **Read our [Contributing Guide](CONTRIBUTING.md) for detailed instructions.**\n\n## 📝 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n## 👨‍💻 Author\n\n**Mofei**\n- Website: [mofei.life](https://mofei.life)\n- GitHub: [@zmofei](https://github.com/zmofei)\n\n## 📝 Algorithm Declaration\n\nThe coordinate conversion algorithms used in the GIS Coordinate Converter are based on publicly available resources from the internet and open source GIS community:\n\n- **WGS84 to GCJ-02 conversion**: Based on standard algorithms published by China's Bureau of Surveying and Mapping\n- **GCJ-02 to BD-09 conversion**: Based on open source community algorithms  \n- **UTM projection conversion**: Based on standard map projection mathematical models\n- **Web Mercator conversion**: Based on EPSG:3857 standard\n\nThese algorithms are industry-standard mathematical models widely used in various GIS applications.\n\n## 🙏 Acknowledgments\n\n- Built with [Next.js](https://nextjs.org/)\n- Styled with [Tailwind CSS](https://tailwindcss.com/)\n- Animated with [Framer Motion](https://www.framer.com/motion/)\n- Icons from custom SVG designs\n- Coordinate conversion algorithms from open source GIS community\n\n---\n\n*More tools coming soon! 🚀*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzmofei%2Fmofei-dev-tools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzmofei%2Fmofei-dev-tools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzmofei%2Fmofei-dev-tools/lists"}