@trapar-waves/react-tailwind 1.1.7 → 1.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +43 -26
  2. package/package.json +10 -10
  3. package/readme/README-CN.md +44 -27
  4. package/readme/README-JP.md +44 -27
  5. package/readme/README-RU.md +43 -26
package/README.md CHANGED
@@ -9,36 +9,31 @@
9
9
 
10
10
  ---
11
11
 
12
- [中文](/readme/README-CN.md) | [日本語](/readme/README-JP.md) | [Русский язык](/readme/README-RU.md)
12
+ [中文](./readme/README-CN.md) | [日本語](./readme/README-JP.md) | [Русский язык](./readme/README-RU.md)
13
13
 
14
- > A project combining React, Mantine UI, and Tailwind CSS for building modern web applications.
14
+ > A modern UI development template integrating React and Tailwind CSS, with Rsbuild, TypeScript, ESLint (Antfu config), and Iconify support.
15
15
 
16
16
  ## ✨ Features
17
17
 
18
18
  - **Modern UI Framework:** Built using React (v19) for a component-driven, declarative interface.
19
- - **Rich Component Library:** Integrates with Mantine UI (`@mantine/core` and `@mantine/hooks`) providing pre-built UI elements and utility hooks.
20
- - **Utility-First Styling:** Employs Tailwind CSS along with `@tailwindcss/postcss`, enabling flexible and rapid styling while maintaining consistency.
21
- - **PostCSS Integration:** Leverages PostCSS plugins like `postcss-import`, `autoprefixer`, and `postcss-simple-vars` for advanced CSS processing.
22
- - **Type Safety:** Utilizes TypeScript (v5.8.x) to enhance code reliability and provide robust type checking during development.
19
+ - **Utility-First Styling:** Employs Tailwind CSS v4 (`tailwindcss`) along with `@tailwindcss/postcss`, enabling flexible and rapid styling while maintaining consistency.
23
20
  - **Fast Development Workflow:** Uses Rsbuild (`@rsbuild/core` and `@rsbuild/plugin-react`) for optimized builds and efficient development server performance.
24
- - **Icon Support:** Includes `@iconify/json` and `@iconify/tailwind` for scalable and customizable iconography.
25
- - **Consistent Design Language:** Combines `postcss-preset-mantine` and `tailwind-preset-mantine` for seamless integration between Mantine and Tailwind styles.
21
+ - **Icon Support:** Includes `@iconify/json` and `@iconify/tailwind4` for scalable and customizable iconography.
22
+ - **Type Safety:** Utilizes TypeScript (v5.9.x) to enhance code reliability and provide robust type checking during development.
26
23
  - **Focus on Code Quality:** Includes ESLint with `@antfu/eslint-config` for linting and enforcing best practices in the codebase.
24
+ - **Git Hooks:** Integrated `husky` and `lint-staged` for pre-commit checks.
27
25
 
28
26
  ## 💻 Tech Stack
29
27
 
30
28
  - **Framework/Library:** React (v19)
31
- - **UI Toolkit/Styling:** Mantine UI (`@mantine/core`), Tailwind CSS (`tailwindcss`)
29
+ - **Styling:** Tailwind CSS (`tailwindcss`)
32
30
  - **Build Tool:** Rsbuild (`@rsbuild/core`)
33
- - **Language:** TypeScript (v5.8.x)
34
- - **CSS Processing:** PostCSS with plugins like `autoprefixer` and `postcss-simple-vars`
31
+ - **Language:** TypeScript (v5.9.x)
32
+ - **CSS Processing:** PostCSS with `@tailwindcss/postcss`
35
33
  - **Linting:** ESLint with `@antfu/eslint-config`
36
- - **State Management:** Zustand
37
- - **Routing:** Tanstack Router
38
- - **Data Fetching:** Tanstack Query (React Query)
39
- - **Table Component:** Tanstack Table
34
+ - **Iconography:** Iconify (`@iconify/json`, `@iconify/tailwind4`)
40
35
 
41
- See the [package.json](package.json) for a full list of dependencies.
36
+ See the [package.json](./package.json) for a full list of dependencies.
42
37
 
43
38
  ## 🚀 Getting Started
44
39
 
@@ -58,18 +53,40 @@ npm -v
58
53
 
59
54
  ### Installation
60
55
 
61
- Run script
56
+ 1. Create a new project using the template:
62
57
 
63
- ```bash
64
- pnpm create trapar-waves
65
- ```
58
+ ```bash
59
+ pnpm create trapar-waves
60
+ ```
66
61
 
67
- Install dependencies
62
+ 2. Navigate to your project directory and install dependencies:
68
63
 
69
- ```bash
70
- npm install
71
- yarn install
72
- pnpm install
64
+ ```bash
65
+ pnpm install
66
+ # or
67
+ npm install
68
+ # or
69
+ yarn install
70
+ ```
71
+
72
+ 3. Start the development server:
73
+
74
+ ```bash
75
+ pnpm dev
76
+ ```
77
+
78
+ ## 🧱 Project Structure
79
+
80
+ ```
81
+ ├── public/ # Static assets
82
+ ├── src/ # Source code
83
+ │ ├── App.css # Global styles and Tailwind imports
84
+ │ ├── App.tsx # Main application component
85
+ │ └── index.tsx # Entry point
86
+ ├── rsbuild.config.ts # Rsbuild configuration
87
+ ├── tsconfig.json # TypeScript configuration
88
+ ├── eslint.config.js # ESLint configuration
89
+ └── package.json # Project dependencies and scripts
73
90
  ```
74
91
 
75
92
  ## 🤝 Contributing
@@ -84,7 +101,7 @@ Contributions are welcome and greatly appreciated! Please follow these steps to
84
101
 
85
102
  ## 👤 Author
86
103
 
87
- - **Rikka:** (admin@rikka.cc)
104
+ - **Rikka:** [admin@rikka.cc](mailto:admin@rikka.cc)
88
105
  - **GitHub Profile:** [Muromi-Rikka](https://github.com/Muromi-Rikka)
89
106
 
90
107
  ## 🔗 Links
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@trapar-waves/react-tailwind",
3
3
  "type": "module",
4
- "version": "1.1.7",
5
- "packageManager": "pnpm@10.14.0",
4
+ "version": "1.1.9",
5
+ "packageManager": "pnpm@10.15.0",
6
6
  "description": "A modern UI development template integrating React and Tailwind CSS, with Rsbuild, TypeScript, ESLint (Antfu config), and Iconify support.",
7
7
  "author": {
8
8
  "email": "admin@rikka.cc",
@@ -41,22 +41,22 @@
41
41
  "react-dom": "^19.1.1"
42
42
  },
43
43
  "devDependencies": {
44
- "@antfu/eslint-config": "^5.2.0",
45
- "@eslint-react/eslint-plugin": "^1.52.3",
46
- "@iconify/json": "^2.2.369",
44
+ "@antfu/eslint-config": "^5.2.1",
45
+ "@eslint-react/eslint-plugin": "^1.52.6",
46
+ "@iconify/json": "^2.2.377",
47
47
  "@iconify/tailwind4": "^1.0.6",
48
- "@rsbuild/core": "^1.4.15",
48
+ "@rsbuild/core": "^1.4.16",
49
49
  "@rsbuild/plugin-react": "^1.3.5",
50
- "@tailwindcss/postcss": "^4.1.11",
51
- "@types/react": "^19.1.9",
50
+ "@tailwindcss/postcss": "^4.1.12",
51
+ "@types/react": "^19.1.11",
52
52
  "@types/react-dom": "^19.1.7",
53
- "eslint": "^9.33.0",
53
+ "eslint": "^9.34.0",
54
54
  "eslint-plugin-format": "^1.0.1",
55
55
  "eslint-plugin-react-hooks": "^5.2.0",
56
56
  "eslint-plugin-react-refresh": "^0.4.20",
57
57
  "husky": "^9.1.7",
58
58
  "lint-staged": "^16.1.5",
59
- "tailwindcss": "^4.1.11",
59
+ "tailwindcss": "^4.1.12",
60
60
  "typescript": "^5.9.2"
61
61
  }
62
62
  }
package/readme/README-CN.md CHANGED
@@ -9,36 +9,31 @@
9
9
 
10
10
  ---
11
11
 
12
- [English](../README.md) | [日本語](/readme/README-JP.md) | [Русский язык](/readme/README-RU.md)
12
+ [English](../README.md) | [日本語](./README-JP.md) | [Русский язык](./README-RU.md)
13
13
 
14
- > 一个结合React、Mantine UI和Tailwind CSS的项目，用于构建现代Web应用。
14
+ > 一个现代UI开发模板，集成了React和Tailwind CSS，以及Rsbuild、TypeScript、ESLint (Antfu config)和Iconify支持。
15
15
 
16
16
  ## ✨ 特性
17
17
 
18
18
  - **现代UI框架:** 使用React (v19)构建组件驱动的声明式界面。
19
- - **丰富的组件库:** 与Mantine UI（`@mantine/core`和`@mantine/hooks`）集成，提供预构建的UI元素和实用钩子。
20
- - **实用优先的样式:** 采用Tailwind CSS和`@tailwindcss/postcss`，实现灵活快速的样式设计，同时保持一致性。
21
- - **PostCSS集成:** 利用PostCSS插件如`postcss-import`、`autoprefixer`和`postcss-simple-vars`进行高级CSS处理。
22
- - **类型安全:** 使用TypeScript (v5.8.x)增强代码可靠性，并在开发过程中提供强大的类型检查。
19
+ - **实用优先的样式:** 采用Tailwind CSS v4 (`tailwindcss`)和`@tailwindcss/postcss`，实现灵活快速的样式设计，同时保持一致性。
23
20
  - **快速开发工作流:** 使用Rsbuild（`@rsbuild/core`和`@rsbuild/plugin-react`）实现优化构建和高效开发服务器性能。
24
- - **图标支持:** 包含`@iconify/json`和`@iconify/tailwind`，提供可扩展和可定制的图标。
25
- - **一致的设计语言:** 结合`postcss-preset-mantine`和`tailwind-preset-mantine`，实现Mantine和Tailwind样式的无缝集成。
21
+ - **图标支持:** 包含`@iconify/json`和`@iconify/tailwind4`，提供可扩展和可定制的图标。
22
+ - **类型安全:** 使用TypeScript (v5.9.x)增强代码可靠性，并在开发过程中提供强大的类型检查。
26
23
  - **注重代码质量:** 包含ESLint和`@antfu/eslint-config`，用于代码 linting 和执行最佳实践。
24
+ - **Git Hooks:** 集成`husky`和`lint-staged`用于提交前检查。
27
25
 
28
26
  ## 💻 技术栈
29
27
 
30
28
  - **框架/库:** React (v19)
31
- - **UI工具包/样式:** Mantine UI（`@mantine/core`），Tailwind CSS（`tailwindcss`）
32
- - **构建工具:** Rsbuild（`@rsbuild/core`）
33
- - **语言:** TypeScript (v5.8.x)
34
- - **CSS处理:** PostCSS与插件如`autoprefixer`和`postcss-simple-vars`
29
+ - **样式:** Tailwind CSS (`tailwindcss`)
30
+ - **构建工具:** Rsbuild (`@rsbuild/core`)
31
+ - **语言:** TypeScript (v5.9.x)
32
+ - **CSS处理:** PostCSS with `@tailwindcss/postcss`
35
33
  - **代码检查:** ESLint与`@antfu/eslint-config`
36
- - **状态管理:** Zustand
37
- - **路由:** Tanstack Router
38
- - **数据获取:** Tanstack Query (React Query)
39
- - **表格组件:** Tanstack Table
34
+ - **图标库:** Iconify (`@iconify/json`, `@iconify/tailwind4`)
40
35
 
41
- 完整依赖列表参见[package.json](package.json)。
36
+ 完整依赖列表参见[package.json](../package.json)。
42
37
 
43
38
  ## 🚀 开始使用
44
39
 
@@ -58,18 +53,40 @@ npm -v
58
53
 
59
54
  ### 安装步骤
60
55
 
61
- 运行脚本
56
+ 1. 使用模板创建新项目:
62
57
 
63
- ```bash
64
- pnpm create trapar-waves
65
- ```
58
+ ```bash
59
+ pnpm create trapar-waves
60
+ ```
66
61
 
67
- 安装依赖
62
+ 2. 导航到项目目录并安装依赖:
68
63
 
69
- ```bash
70
- npm install
71
- yarn install
72
- pnpm install
64
+ ```bash
65
+ pnpm install
66
+ # or
67
+ npm install
68
+ # or
69
+ yarn install
70
+ ```
71
+
72
+ 3. 启动开发服务器:
73
+
74
+ ```bash
75
+ pnpm dev
76
+ ```
77
+
78
+ ## 🧱 项目结构
79
+
80
+ ```
81
+ ├── public/ # 静态资源
82
+ ├── src/ # 源代码
83
+ │ ├── App.css # 全局样式和Tailwind导入
84
+ │ ├── App.tsx # 主应用组件
85
+ │ └── index.tsx # 入口点
86
+ ├── rsbuild.config.ts # Rsbuild配置
87
+ ├── tsconfig.json # TypeScript配置
88
+ ├── eslint.config.js # ESLint配置
89
+ └── package.json # 项目依赖和脚本
73
90
  ```
74
91
 
75
92
  ## 🤝 贡献指南
@@ -84,7 +101,7 @@ pnpm install
84
101
 
85
102
  ## 👤 Author
86
103
 
87
- - **Rikka:** (admin@rikka.cc)
104
+ - **Rikka:** [admin@rikka.cc](mailto:admin@rikka.cc)
88
105
  - **GitHub Profile:** [Muromi-Rikka](https://github.com/Muromi-Rikka)
89
106
 
90
107
  ## 🔗 Links
package/readme/README-JP.md CHANGED
@@ -9,36 +9,31 @@
9
9
 
10
10
  ---
11
11
 
12
- [English](../README.md) | [中文](/readme/README-CN.md) | [Русский язык](/readme/README-RU.md)
12
+ [English](../README.md) | [中文](./README-CN.md) | [Русский язык](./README-RU.md)
13
13
 
14
- > React、Mantine UI、Tailwind CSSを組み合わせたプロジェクトで、現代的なWebアプリケーションを構築するためのものです。
14
+ > ReactとTailwind CSSを統合したモダンなUI開発テンプレート。Rsbuild、TypeScript、ESLint (Antfu config)、Iconifyをサポート。
15
15
 
16
16
  ## ✨ 特徴
17
17
 
18
18
  - **モダンUIフレームワーク:** コンポーネント駆動の宣言型インターフェースのためにReact (v19)を使用して構築されています。
19
- - **豊富なコンポーネントライブラリ:** Mantine UI（`@mantine/core`と`@mantine/hooks`）と統合し、事前構築されたUI要素とユーティリティフックを提供します。
20
- - **ユーティリティファーストのスタイリング:** Tailwind CSSと`@tailwindcss/postcss`を採用し、一貫性を維持しながら柔軟で迅速なスタイリングを可能にします。
21
- - **PostCSS統合:** `postcss-import`、`autoprefixer`、`postcss-simple-vars`などのPostCSSプラグインを活用し、高度なCSS処理を実現します。
22
- - **型安全性:** TypeScript (v5.8.x)を使用してコードの信頼性を向上させ、開発中に堅牢な型チェックを提供します。
19
+ - **ユーティリティファーストのスタイリング:** Tailwind CSS v4 (`tailwindcss`)と`@tailwindcss/postcss`を採用し、一貫性を維持しながら柔軟で迅速なスタイリングを可能にします。
23
20
  - **高速開発ワークフロー:** Rsbuild（`@rsbuild/core`と`@rsbuild/plugin-react`）を使用して最適化されたビルドと効率的な開発サーバーパフォーマンスを実現します。
24
- - **アイコンサポート:** `@iconify/json`と`@iconify/tailwind`を含み、スケーラブルでカスタマイズ可能なアイコンを提供します。
25
- - **一貫したデザイン言語:** `postcss-preset-mantine`と`tailwind-preset-mantine`を組み合わせ、MantineとTailwindスタイルのシームレスな統合を実現します。
21
+ - **アイコンサポート:** `@iconify/json`と`@iconify/tailwind4`を含み、スケーラブルでカスタマイズ可能なアイコンを提供します。
22
+ - **型安全性:** TypeScript (v5.9.x)を使用してコードの信頼性を向上させ、開発中に堅牢な型チェックを提供します。
26
23
  - **コード品質への焦点:** ESLintと`@antfu/eslint-config`を含み、コードベースのリンティングとベストプラクティスの適用を実現します。
24
+ - **Git フック:** `husky`と`lint-staged`を統合し、コミット前のチェックを実施します。
27
25
 
28
26
  ## 💻 技術スタック
29
27
 
30
28
  - **フレームワーク/ライブラリ:** React (v19)
31
- - **UIツールキット/スタイリング:** Mantine UI（`@mantine/core`）、Tailwind CSS（`tailwindcss`）
32
- - **ビルドツール:** Rsbuild（`@rsbuild/core`）
33
- - **言語:** TypeScript (v5.8.x)
34
- - **CSS処理:** `autoprefixer`や`postcss-simple-vars`などのプラグインを備えたPostCSS
29
+ - **スタイリング:** Tailwind CSS (`tailwindcss`)
30
+ - **ビルドツール:** Rsbuild (`@rsbuild/core`)
31
+ - **言語:** TypeScript (v5.9.x)
32
+ - **CSS処理:** PostCSS with `@tailwindcss/postcss`
35
33
  - **リンティング:** `@antfu/eslint-config`を備えたESLint
36
- - **状態管理:** Zustand
37
- - **ルーティング:** Tanstack Router
38
- - **データフェッチング:** Tanstack Query (React Query)
39
- - **テーブルコンポーネント:** Tanstack Table
34
+ - **アイコン:** Iconify (`@iconify/json`, `@iconify/tailwind4`)
40
35
 
41
- 依存関係の完全なリストについては[package.json](package.json)を参照してください。
36
+ 依存関係の完全なリストについては[package.json](../package.json)を参照してください。
42
37
 
43
38
  ## 🚀 始め方
44
39
 
@@ -58,18 +53,40 @@ npm -v
58
53
 
59
54
  ### インストール
60
55
 
61
- スクリプトの実行
56
+ 1. テンプレートを使用して新しいプロジェクトを作成:
62
57
 
63
- ```bash
64
- pnpm create trapar-waves
65
- ```
58
+ ```bash
59
+ pnpm create trapar-waves
60
+ ```
66
61
 
67
- 依存関係のインストール
62
+ 2. プロジェクトディレクトリに移動し、依存関係をインストール:
68
63
 
69
- ```bash
70
- npm install
71
- yarn install
72
- pnpm install
64
+ ```bash
65
+ pnpm install
66
+ # or
67
+ npm install
68
+ # or
69
+ yarn install
70
+ ```
71
+
72
+ 3. 開発サーバーを起動:
73
+
74
+ ```bash
75
+ pnpm dev
76
+ ```
77
+
78
+ ## 🧱 プロジェクト構造
79
+
80
+ ```
81
+ ├── public/ # 静的アセット
82
+ ├── src/ # ソースコード
83
+ │ ├── App.css # グローバルスタイルとTailwindのインポート
84
+ │ ├── App.tsx # メインアプリケーションコンポーネント
85
+ │ └── index.tsx # エントリーポイント
86
+ ├── rsbuild.config.ts # Rsbuild設定
87
+ ├── tsconfig.json # TypeScript設定
88
+ ├── eslint.config.js # ESLint設定
89
+ └── package.json # プロジェクトの依存関係とスクリプト
73
90
  ```
74
91
 
75
92
  ## 🤝 コントリビューション
@@ -84,7 +101,7 @@ pnpm install
84
101
 
85
102
  ## 👤 Author
86
103
 
87
- - **Rikka:** (admin@rikka.cc)
104
+ - **Rikka:** [admin@rikka.cc](mailto:admin@rikka.cc)
88
105
  - **GitHub Profile:** [Muromi-Rikka](https://github.com/Muromi-Rikka)
89
106
 
90
107
  ## 🔗 Links
package/readme/README-RU.md CHANGED
@@ -9,36 +9,31 @@
9
9
 
10
10
  ---
11
11
 
12
- [English](../README.md) | [中文](/readme/README-CN.md) | [日本語](/readme/README-JP.md)
12
+ [English](../README.md) | [中文](./README-CN.md) | [日本語](./README-JP.md)
13
13
 
14
- > Проект, сочетающий React, Mantine UI и Tailwind CSS для создания современных веб-приложений.
14
+ > Современный шаблон разработки пользовательского интерфейса, интегрирующий React и Tailwind CSS, с поддержкой Rsbuild, TypeScript, ESLint (конфигурация Antfu) и Iconify.
15
15
 
16
16
  ## ✨ Особенности
17
17
 
18
18
  - **Современный UI-фреймворк:** Строится с использованием React (v19) для компонентно-ориентированного декларативного интерфейса.
19
- - **Богатая библиотека компонентов:** Интегрируется с Mantine UI (`@mantine/core` и `@mantine/hooks`), предоставляя предварительно построенные UI-элементы и утилитарные хуки.
20
- - **Стилизация с упором на утилиты:** Использует Tailwind CSS вместе с `@tailwindcss/postcss`, обеспечивая гибкую и быструю стилизацию при сохранении согласованности.
21
- - **Интеграция с PostCSS:** Получает преимущества от плагинов PostCSS, таких как `postcss-import`, `autoprefixer` и `postcss-simple-vars`, для расширенной обработки CSS.
22
- - **Типовая безопасность:** Использует TypeScript (v5.8.x) для повышения надежности кода и обеспечения надежной проверки типов во время разработки.
19
+ - **Стилизация с упором на утилиты:** Использует Tailwind CSS v4 (`tailwindcss`) вместе с `@tailwindcss/postcss`, обеспечивая гибкую и быструю стилизацию при сохранении согласованности.
23
20
  - **Быстрый рабочий процесс разработки:** Использует Rsbuild (`@rsbuild/core` и `@rsbuild/plugin-react`) для оптимизированных сборок и эффективной производительности сервера разработки.
24
- - **Поддержка иконок:** Включает `@iconify/json` и `@iconify/tailwind` для масштабируемой и настраиваемой иконографии.
25
- - **Согласованный дизайн-язык:** Комбинирует `postcss-preset-mantine` и `tailwind-preset-mantine` для бесперебойной интеграции стилей Mantine и Tailwind.
21
+ - **Поддержка иконок:** Включает `@iconify/json` и `@iconify/tailwind4` для масштабируемой и настраиваемой иконографии.
22
+ - **Типовая безопасность:** Использует TypeScript (v5.9.x) для повышения надежности кода и обеспечения надежной проверки типов во время разработки.
26
23
  - **Фокус на качестве кода:** Включает ESLint с `@antfu/eslint-config` для линтинга и обеспечения лучших практик в кодовой базе.
24
+ - **Git Hooks:** Интеграция `husky` и `lint-staged` для предварительных проверок коммитов.
27
25
 
28
26
  ## 💻 Технологический стек
29
27
 
30
28
  - **Фреймворк/Библиотека:** React (v19)
31
- - **UI-тулкит/Стилизация:** Mantine UI (`@mantine/core`), Tailwind CSS (`tailwindcss`)
29
+ - **Стилизация:** Tailwind CSS (`tailwindcss`)
32
30
  - **Инструмент сборки:** Rsbuild (`@rsbuild/core`)
33
- - **Язык:** TypeScript (v5.8.x)
34
- - **Обработка CSS:** PostCSS с плагинами вроде `autoprefixer` и `postcss-simple-vars`
31
+ - **Язык:** TypeScript (v5.9.x)
32
+ - **Обработка CSS:** PostCSS with `@tailwindcss/postcss`
35
33
  - **Линтинг:** ESLint с `@antfu/eslint-config`
36
- - **Управление состоянием:** Zustand
37
- - **Маршрутизация:** Tanstack Router
38
- - **Получение данных:** Tanstack Query (React Query)
39
- - **Табличный компонент:** Tanstack Table
34
+ - **Иконки:** Iconify (`@iconify/json`, `@iconify/tailwind4`)
40
35
 
41
- Полный список зависимостей см. в [package.json](package.json).
36
+ Полный список зависимостей см. в [package.json](../package.json).
42
37
 
43
38
  ## 🚀 Начало работы
44
39
 
@@ -58,18 +53,40 @@ npm -v
58
53
 
59
54
  ### Установка
60
55
 
61
- Запустить скрипт
56
+ 1. Создайте новый проект с помощью шаблона:
62
57
 
63
- ```bash
64
- pnpm create trapar-waves
65
- ```
58
+ ```bash
59
+ pnpm create trapar-waves
60
+ ```
66
61
 
67
- Установить зависимости
62
+ 2. Перейдите в каталог вашего проекта и установите зависимости:
68
63
 
69
- ```bash
70
- npm install
71
- yarn install
72
- pnpm install
64
+ ```bash
65
+ pnpm install
66
+ # or
67
+ npm install
68
+ # or
69
+ yarn install
70
+ ```
71
+
72
+ 3. Запустите сервер разработки:
73
+
74
+ ```bash
75
+ pnpm dev
76
+ ```
77
+
78
+ ## 🧱 Структура проекта
79
+
80
+ ```
81
+ ├── public/ # Статические ресурсы
82
+ ├── src/ # Исходный код
83
+ │ ├── App.css # Глобальные стили и импорт Tailwind
84
+ │ ├── App.tsx # Основной компонент приложения
85
+ │ └── index.tsx # Точка входа
86
+ ├── rsbuild.config.ts # Конфигурация Rsbuild
87
+ ├── tsconfig.json # Конфигурация TypeScript
88
+ ├── eslint.config.js # Конфигурация ESLint
89
+ └── package.json # Зависимости и скрипты проекта
73
90
  ```
74
91
 
75
92
  ## 🤝 Участие в разработке
@@ -84,7 +101,7 @@ pnpm install
84
101
 
85
102
  ## 👤 Author
86
103
 
87
- - **Rikka:** (admin@rikka.cc)
104
+ - **Rikka:** [admin@rikka.cc](mailto:admin@rikka.cc)
88
105
  - **GitHub Profile:** [Muromi-Rikka](https://github.com/Muromi-Rikka)
89
106
 
90
107
  ## 🔗 Links