{"id":17568737,"url":"https://github.com/302ai/302-dev-kit","last_synced_at":"2025-04-05T06:06:50.313Z","repository":{"id":258754030,"uuid":"861597945","full_name":"302ai/302-Dev-Kit","owner":"302ai","description":"The starting template for all our AI Apps","archived":false,"fork":false,"pushed_at":"2025-01-03T03:48:14.000Z","size":1086,"stargazers_count":140,"open_issues_count":0,"forks_count":13,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-05T06:06:38.599Z","etag":null,"topics":["nextjs","radix-ui","react","tailwindcss","zustand"],"latest_commit_sha":null,"homepage":"https://302.ai","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/302ai.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}},"created_at":"2024-09-23T07:39:55.000Z","updated_at":"2025-03-25T01:33:12.000Z","dependencies_parsed_at":"2024-12-05T10:21:27.973Z","dependency_job_id":"2b1c6940-29bd-4193-94be-a860857b4f57","html_url":"https://github.com/302ai/302-Dev-Kit","commit_stats":{"total_commits":97,"total_committers":3,"mean_commits":"32.333333333333336","dds":"0.18556701030927836","last_synced_commit":"0fccdacafd93063371bbeabde4eab67d28ab4aaf"},"previous_names":["302ai/302-dev-kit"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/302ai%2F302-Dev-Kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/302ai%2F302-Dev-Kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/302ai%2F302-Dev-Kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/302ai%2F302-Dev-Kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/302ai","download_url":"https://codeload.github.com/302ai/302-Dev-Kit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247294536,"owners_count":20915340,"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","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":["nextjs","radix-ui","react","tailwindcss","zustand"],"created_at":"2024-10-21T17:05:45.269Z","updated_at":"2025-04-05T06:06:50.294Z","avatar_url":"https://github.com/302ai.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u003cp align=\"center\"\u003e🤖 302-Dev-Kit🚀✨\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\u003ccode\u003e302-Dev-Kit\u003c/code\u003e is a Next.js-based Web project aimed at providing a fast and efficient development experience based on the 302.AI API. This project includes basic components, hooks, and utility functions to help developers quickly build production-grade AI tool applications.\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\u003ca href=\"https://302.ai/en/\" target=\"blank\"\u003e\u003cimg src=\"https://file.302.ai/gpt/imgs/github/20250102/72a57c4263944b73bf521830878ae39a.png\" /\u003e\u003c/a\u003e\u003c/p \u003e\n\n\u003cp align=\"center\"\u003e\u003ca href=\"README_zh.md\"\u003e中文\u003c/a\u003e | \u003ca href=\"README.md\"\u003eEnglish\u003c/a\u003e | \u003ca href=\"README_ja.md\"\u003e日本語\u003c/a\u003e\u003c/p\u003e\n\n![](public//images/global//DEV-KIT.png)\n\n## Features\n\n- **Component-based Development**: Clear project structure with well-defined components, including public components, form components, global components, and basic components.\n- **State Management**: Uses Zustand for state management.\n- **Internationalization Support**: Built-in multi-language support (Chinese, English, Japanese).\n- **Rich Utility Functions**: Includes API requests, authentication, event dispatching, and other utility functions.\n- **Code Standards**: Uses ESLint and Prettier for code checking and formatting.\n\n## Directory Structure\n\n```plaintext\nroot\n├── src\n│   ├── app\n│   ├── layout                     // Root layout\n│   │── auth                       // Authentication page\n│   │   ├── index                  // Export module\n│   │   ├── _components            // Private components\n│   ├── (land)                     // Landing page group\n│   │   │── page                   // Main landing page\n│   │   │── _components            // Private components\n│   ├── components                 // Public components\n│   │   ├── common                 // Common components\n│   │   ├── forms                  // Form components\n│   │   ├── global                 // Global components\n│   │   ├── ui                     // Basic components\n│   ├── constants                  // Constants\n│   │   ├── forms                  // Form-related constants\n│   │   ├── menus                  // Menu options\n│   ├── hooks                      // Hooks\n│   │   ├── auth                   // Authentication module hooks\n│   │   ├── global                 // Global hooks\n│   ├── icons                      // Icons\n│   │   ├── auth                   // Authentication module icons\n│   │   ├── global                 // Global module icons\n│   ├── lib                        // Utility functions\n│   │   ├── api                    // Request-related utility functions\n│   │   ├── mitt                   // Event dispatching tool\n│   │   ├── utils                  // Other utility sets\n│   ├── services                   // Request functions\n│   │   ├── auth                   // Authentication requests\n│   ├── locales                    // Internationalization\n│   │   ├── zh                     // Chinese\n│   │   ├── en                     // English\n│   │   ├── ja                     // Japanese\n│   ├── stores                     // State management\n│   │   ├── slices                 // Divided module states\n│   │   ├── index                  // Export module\n│   ├── styles                     // Styles\n│   │   ├── global                 // Global styles\n│   │   ├── info                   // Information styles\n│   ├── env.ts                     // Environment variable control\n└── package.json\n```\n\n## Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/302ai/302-Dev-Kit\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   cd 302-Dev-Kit\n   npm install\n   ```\n\n## Script Commands\n\n- `npm run build`: Build for production environment.\n- `npm run dev`: Start development environment.\n- `npm run lint`: Run ESLint for code checking.\n- `npm run start`: Start production environment.\n- `npm run clean`: Clean generated build files.\n- `npm run check`: Check code format.\n- `npm run format`: Format code.\n\n## Dependencies\n\n### Production Dependencies\n\n- `@hookform/error-message`\n- `@hookform/resolvers`\n- `@radix-ui/react-alert-dialog`\n- `@radix-ui/react-checkbox`\n- `@radix-ui/react-dialog`\n- `@radix-ui/react-dropdown-menu`\n- `@radix-ui/react-icons`\n- `@radix-ui/react-label`\n- `@radix-ui/react-slot`\n- `@radix-ui/react-toast`\n- `@t3-oss/env-nextjs`\n- `@tanstack/react-query`\n- `ahooks`\n- `class-variance-authority`\n- `clsx`\n- `geist`\n- `jiti`\n- `ky`\n- `ll`\n- `lucide-react`\n- `mitt`\n- `next`\n- `next-themes`\n- `react`\n- `react-dom`\n- `react-hook-form`\n- `tailwind-merge`\n- `tailwindcss-animate`\n- `zod`\n- `zustand`\n\n### Development Dependencies\n\n- `@trivago/prettier-plugin-sort-imports`\n- `@types/eslint`\n- `@types/node`\n- `@types/react`\n- `@types/react-dom`\n- `@typescript-eslint/eslint-plugin`\n- `@typescript-eslint/parser`\n- `eslint`\n- `eslint-config-next`\n- `eslint-config-prettier`\n- `eslint-plugin-check-file`\n- `eslint-plugin-n`\n- `eslint-plugin-tailwindcss`\n- `postcss`\n- `prettier`\n- `prettier-plugin-tailwindcss`\n- `tailwindcss`\n- `typescript`\n\n## Development Guide\n\n### Start Development Environment\n\n```bash\nnpm run dev\n```\n\n### Build Production Environment\n\n```bash\nnpm run build\n```\n\n## Code Style and Standards\n\nUse ESLint for code checking and Prettier for code formatting. Please ensure your code passes checks and formatting before submitting.\n\n```bash\nnpm run lint\nnpm run format\n```\n\n## Internationalization\n\nThe project supports multiple languages, currently including Chinese, English, and Japanese. Language files are stored in the `src/locales` directory.\n\n## License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F302ai%2F302-dev-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F302ai%2F302-dev-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F302ai%2F302-dev-kit/lists"}