Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/h7ml/shark
shark is a web application designed to help users manage and visualize shark data. The project is built using the React framework for the frontend interface, utilizing the component library provided by Ant Design to create a user-friendly interface, and managing state using Zustand.
https://github.com/h7ml/shark
ant-design application data-visualization react shark web zustand
Last synced: 2 months ago
JSON representation
shark is a web application designed to help users manage and visualize shark data. The project is built using the React framework for the frontend interface, utilizing the component library provided by Ant Design to create a user-friendly interface, and managing state using Zustand.
- Host: GitHub
- URL: https://github.com/h7ml/shark
- Owner: h7ml
- License: apache-2.0
- Created: 2024-03-26T09:32:18.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-04-02T09:45:48.000Z (2 months ago)
- Last Synced: 2024-04-02T13:19:02.107Z (2 months ago)
- Topics: ant-design, application, data-visualization, react, shark, web, zustand
- Language: TypeScript
- Homepage: https://shark.h7ml.cn
- Size: 9.97 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README-ZH.md
- License: LICENSE
- Security: .github/SECURITY.md
Lists
- awesome-rspack - shark - use, Axios, i18next, localforage, Mock.js, NProgress, and more. (Starter / Rspack Starter)
README
欢迎来到 shark 👋
> 一个用于管理和可视化鲨鱼数据的 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)
## 🤝 贡献
欢迎贡献、问题和功能请求！
请随意查看[issuess](https://github.com/h7ml/shark/issues)。您也可以参考[贡献指南](https://github.com/h7ml/shark/blob/master/CONTRIBUTING.md)。
## 支持
如果这个项目对您有帮助，请给个 ⭐️！
## 📝 许可证
版权所有 © 2024 [h7ml](https://github.com/h7ml)
本项目采用 [Apache--2.0](https://github.com/h7ml/shark/blob/master/LICENSE) licensed 许可。
---
[View English Version](README.md)