Awesome
<h1 align="center">Welcome to 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>A web application for managing and visualizing shark data. Built with React, Ant Design, and Zustand.
π Homepage
Project Introduction
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. Through these technologies, shark provides a powerful and easy-to-use platform for users to effectively manage and display shark data. Additionally, the project uses rspack for building to achieve project bundling and optimization.
clone
git clone https://github.com/h7ml/shark.git
cd shark
Installation
pnpm install
Usage
pnpm dev
Project Architecture
Technology Stack
- Build tool: pnpm
- Bundling tool: rspack
- Code formatting tool: Prettier
- Code linting tool: ESLint
- Commit convention tool: Commitlint
- Code style checking tool: Stylelint
- Frontend framework: React
- UI component library: Ant Design
- State management: Zustand
- Internationalization: i18next
- Routing management: React Router, React Router DOM
- Utility libraries: ahooks, react-use
Author
π€ h7ml
- Website: https://h7ml.cn
- Github: @h7ml
π€ Contributing
Contributions, issues and feature requests are welcome!<br />Feel free to check issues page. You can also take a look at the contributing guide.
Show your support
Give a βοΈ if this project helped you!
π License
Copyright Β© 2024 h7ml.<br /> This project is Apache--2.0 licensed.