Desktop App · Electron + React

Calendar

A cross-platform desktop calendar & scheduling app with a clean, intuitive interface for daily notes, mood tracking, and class schedules.

License CC-BY-NC-4.0Platform Windows · macOS · LinuxVersion v1.1.1Tech Electron · React 19 · TypeScript
Features

What it does

Calendar is built with Electron and React: manage teachers and courses with color-coded labels, record structured schedule entries, and track daily moods with emoji stickers — all laid out in a clear monthly view. Storage is fully local and protected by PIN code and TOTP authentication, the interface ships in Simplified Chinese and English, and data import/export covers everything including schedule config. Enhanced and maintained by Akiro.

🎯

Clean design

Minimalist interface focused on content.

📚

Schedule management

Teacher management (name + color), course management, and structured entries, with a teacher filter in settings.

🎨

Color labels

Color-coded course tags by teacher in calendar cells; colors match the teacher color settings.

🎭

Mood stickers

Rich emoji to record daily moods — multiple stickers can be added to a day.

📊

Monthly view & plans

Clear monthly layout for a full overview, plus up to 3 monthly goal plans at the top of the calendar.

🔐

Privacy protection

PIN code and TOTP authentication; fully local storage keeps data private.

🌍

Multi-language & search

Simplified Chinese & English interface, with full-text search across all entries (Ctrl+F / ⌘F).

📦

Data import/export

Full data migration, including schedule config.

Details

Tech stack

TechnologyVersionPurpose
React19.2.0UI Framework
TypeScript5.8.2Type Safety
Electron39.2.3Desktop Framework
Vite6.4.1Build Tool
Tailwind CSS4.1.8Styling
date-fns4.1.0Date Handling
lunar-javascript1.7.7Lunar Calendar
Lucide React0.554.0Icon Library
Quick Start

Get started

  1. Download v1.1.1 from GitHub Releases — NSIS installer or portable exe for Windows, dmg or zip for macOS.
  2. Open Settings ⚙️ → Schedule Settings, then add teachers and courses.
  3. Click any date cell, pick a teacher and course, and add your entries.
  4. Enable PIN + TOTP security, or export a full backup including schedule config.
shell — build from source
npm install
npm run dev

# build for all platforms
npm run electron:build
桌面应用 · Electron + React

项目简介

Calendar 基于 Electron 与 React 构建:管理教师与课程并配以彩色标签、记录结构化排课条目、用表情贴纸记录每日心情——全部呈现在清晰的月历视图中。数据完全本地化存储,并由 PIN 码与 TOTP 双重认证保护;界面提供简体中文与英文双语;数据导入/导出涵盖包括排课配置在内的完整数据。由 Akiro 增强与维护。

🎯

简洁设计

极简界面,专注于内容本身。

📚

排课管理

教师管理(姓名 + 颜色)、课程管理与结构化条目,并可在设置中按教师筛选日历。

🎨

彩色标签

日历格内按教师颜色显示彩色课程标签,颜色与教师颜色设置一致。

🎭

心情贴纸

丰富的表情符号记录每日心情,一天可添加多个贴纸。

📊

月历视图与月度计划

清晰的月度布局,一览全局;日历顶部最多可记录 3 条月度目标计划。

🔐

隐私保护

PIN 码与 TOTP 双重认证;完全本地化存储,隐私安全。

🌍

多语言与搜索

简体中文与英文界面,支持全部条目的全文搜索(Ctrl+F / ⌘F)。

📦

数据导入/导出

完整数据迁移,包含排课配置。

明细

技术栈

技术版本用途
React19.2.0UI 框架
TypeScript5.8.2类型安全
Electron39.2.3桌面框架
Vite6.4.1构建工具
Tailwind CSS4.1.8样式
date-fns4.1.0日期处理
lunar-javascript1.7.7农历
Lucide React0.554.0图标库
  1. 下载v1.1.1(GitHub Releases)——Windows 提供 NSIS 安装包或便携版 exe,macOS 提供 dmg 或 zip。
  2. 打开设置 ⚙️ → 排课设置,添加教师与课程。
  3. 点击任意日期单元格,选择教师和课程,录入排课条目。
  4. 启用 PIN + TOTP 安全验证,或导出包含排课配置的完整备份。
shell — build from source
npm install
npm run dev

# build for all platforms
npm run electron:build