https://github.com/xyxc0673/calendar-remark

A simple calendar with nice design for remarking a date
https://github.com/xyxc0673/calendar-remark

calendar react typescript

Last synced: over 1 year ago
JSON representation

A simple calendar with nice design for remarking a date

• Host: GitHub
• URL: https://github.com/xyxc0673/calendar-remark
• Owner: xyxc0673
• License: mit
• Created: 2023-12-30T00:44:22.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-01-19T03:41:09.000Z (over 1 year ago)
• Last Synced: 2025-01-19T04:28:36.780Z (over 1 year ago)
• Topics: calendar, react, typescript
• Language: TypeScript
• Homepage: https://calendar.xym.im
• Size: 675 KB
• Stars: 440
• Watchers: 1
• Forks: 41
• Open Issues: 1
• Metadata Files:
  • Readme: README-zh_CN.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Calendar Remark

Calendar Remark 是一款设计简洁，可供标记以及生成分享图的日历，支持 PWA、Dark Mode、Responsive Design 等特性。

[在线预览](https://calendar.xym.im/)

## 截图

![Screenshot-1](./screenshots/screenshot-1.jpeg)

  点击这里去显示或者隐藏更多截图

  

  

## 特性

- [x] 标记日期并生成分享图

- [x] 农历

- [x] 节假日

- [x] 年进度

- [x] 暗黑模式

- [x] 响应式设计

## 技术栈

- [x] React

- [x] TypeScript

- [x] Tailwind CSS

- [x] Vite

- [x] Jotai

## 开发

```bash

# 安装依赖

$ pnpm install

# 启动开发服务器

$ pnpm dev

# 构建并启动生产服务器

$ pnpm build

$ pnpm start

```

## 部署

Calendar Remark 可以部署到任何静态站点托管服务，例如 [Vercel](https://vercel.com/)、[Netlify](https://www.netlify.com/)、[Cloudflare Pages](https://pages.cloudflare.com/)、[GitHub Pages](https://pages.github.com/) 等。

### 使用 Vercel 一键部署

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fxyxc0673%2Fcalendar-remark)

## License

MIT