# shark

**Repository Path**: h7ml/shark

## Basic Information

- **Project Name**: shark
- **Description**: 一个用于管理和可视化鲨鱼数据的 Web 应用程序。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://shark.h7ml.cn/
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-03-26
- **Last Updated**: 2026-01-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">欢迎来到 shark 👋</h1>
<p>
  <a href="https://github.com/h7ml/shark/blob/master/package.json#L99" target="_blank">
    <img alt="node Version" src="https://img.shields.io/badge/node->=20-blue">
  </a>
   <a href="https://github.com/h7ml/shark/blob/master/package.json#L100" target="_blank">
    <img alt="pnpm Version" src="https://img.shields.io/badge/pnpm-8.15.5-blue" />
  </a>
  <a href="https://github.com/h7ml/discussions" target="_blank">
    <img alt="Discussions" src="https://img.shields.io/github/discussions/h7ml/shark" />
  </a>
  <a href="https://github.com/h7ml/shark/discussions?discussions_q=h7ml" target="_blank">
    <img alt="discussions-search" src="https://img.shields.io/github/discussions-search?query=h7ml" />
  </a>
  <a href="https://github.com/h7ml/discussions" target="_blank">
    <img alt="Discussions" src="https://img.shields.io/github/discussions/h7ml/shark" />
  </a>
    <a href="https://github.com/h7ml/shark/blob/master/package.json" target="_blank">
    <img alt="Discussions" src="https://img.shields.io/github/package-json/name/h7ml/shark/master" />
  </a>
  <a href="https://github.com/h7ml/shark/network/members" target="_blank">
    <img alt="forks" src="https://img.shields.io/github/forks/h7ml/shark" />
  </a>
    <a href="https://github.com/h7ml?tab=followers" target="_blank">
    <img alt="followers" src="https://img.shields.io/github/followers/h7ml" />
  </a>
  <a href="https://github.com/h7ml/shark/stargazers" target="_blank">
    <img alt="stars" src="https://img.shields.io/github/stars/h7ml/shark" />
  </a>
   <a href="https://github.com/h7ml/shark/watchers" target="_blank">
    <img alt="watchers" src="https://img.shields.io/github/watchers/h7ml/shark" />
  </a>
  <a href="https://github.com/h7ml/shark#readme" target="_blank">
    <img alt="Documentation" src="https://img.shields.io/badge/documentation-yes-brightgreen.svg" />
  </a>
  <a href="https://github.com/h7ml/shark/graphs/commit-activity" target="_blank">
    <img alt="Maintenance" src="https://img.shields.io/badge/Maintained%3F-yes-green.svg" />
  </a>
  <a href="https://github.com/h7ml/shark/blob/master/LICENSE" target="_blank">
    <img alt="License: Apache--2.0" src="https://img.shields.io/github/license/h7ml/shark" />
  </a>
   <a href="https://github.com/h7ml/shark/actions/workflows/deploy.yml" target="_blank">
    <img alt="deploy status" src="https://github.com/h7ml/shark/actions/workflows/deploy.yml/badge.svg" />
  </a>
  <a href="https://hub.docker.com/repository/docker/h7ml/shark/general" target="_blank">
    <img alt="docker shark" src="https://img.shields.io/docker/v/h7ml/shark" />
  </a>
  <a href="https://github.com/h7ml/shark/search?l=TypeScript" target="_blank">
    <img alt="language" src="https://img.shields.io/github/languages/top/h7ml/shark" />
  </a>
  <a href="https://github.com/h7ml/shark/commits" target="_blank">
    <img alt="last" src="https://img.shields.io/github/last-commit/h7ml/shark.svg" />
  </a>
  <a href="https://github.com/h7ml/shark/commits" target="_blank">
    <img alt="commit-activity" src="https://img.shields.io/github/commit-activity/m/h7ml/shark" />
  </a>
  <a href="https://shark.h7ml.cn" target="_blank">
    <img alt="stars" src="https://img.shields.io/badge/Hosted-Vercel-brightgreen?style=flat&logo=Vercel" />
  </a>
</p>

> 一个用于管理和可视化鲨鱼数据的 Web 应用。使用 React、Ant Design 和 Zustand 构建。

### 🏠 [主页](https://shark.h7ml.cn)

## 项目简介

`shark` 是一个 Web 应用，旨在帮助用户管理和可视化鲨鱼数据。该项目使用了 [React](https://react.dev) 框架构建前端界面，利用 [Ant Design](https://ant.design) 提供的组件库来创建用户友好的界面，同时使用 [Zustand](https://zustand-demo.pmnd.rs) 管理状态。通过这些技术，`shark` 提供了一个功能强大且易于使用的平台，让用户能够有效地管理和展示鲨鱼数据。此外，项目还采用 [rspack](https://rspack.dev/) 进行构建，以实现项目的打包和优化。

## clone

```sh
git clone https://github.com/h7ml/shark.git
cd shark
```

## 安装

```sh
pnpm install
```

## 使用

```sh
pnpm dev
```

## 项目架构

### 技术栈

- 构建工具: pnpm
- 打包工具: rspack
- 代码格式化工具: Prettier
- 代码检测工具: ESLint
- 代码规范工具: Commitlint
- 代码风格检查工具: Stylelint
- 前端框架: React
- UI 组件库: Ant Design
- 状态管理: Zustand
- 国际化: i18next
- 路由管理: React Router, React Router DOM
- 实用库: ahooks, react-use

## 作者

👤 **h7ml**

- 网站: [https://h7ml.cn](https://h7ml.cn)
- Github: [@h7ml](https://github.com/h7ml)

## 🤝 贡献

欢迎贡献、问题和功能请求！<br />请随意查看[issuess](https://github.com/h7ml/shark/issues)。您也可以参考[贡献指南](https://github.com/h7ml/shark/blob/master/CONTRIBUTING.md)。

## 支持

如果这个项目对您有帮助，请给个 ⭐️！

## 📝 许可证

版权所有 © 2024 [h7ml](https://github.com/h7ml)<br />
本项目采用 [Apache--2.0](https://github.com/h7ml/shark/blob/master/LICENSE) licensed 许可。

---

[View English Version](README.md)