MemoBloom

「 Plants possess the art of silence, where memories find their shelter 」
A nurturing web game about plant growth and memories

Join the QQ group｜切换到简体中文

🌐 App Center ｜💖 Sponsor ｜📝 Feedback

Follow us on Bilibili →

Features

Digital Library

• Audio memory management
• Visual calendar view
• Categorized storage system

Plant Growth System

• State-based plant growth animations
• Emotion visualization (Happy/Normal/Sad)
• Multi-stage life cycle (Seed/Sprout/Mature/Flowering)

Technology Stack

• Framework: React 18 + TypeScript
• Build Tool: Vite
• State Management: Jotai/Zustand
• Styling: CSS Modules
• Audio: Web Audio API
• Video: HTML5 Video
• PWA Support

Installation

Prerequisites

• Node.js 18+
• Bun or npm/yarn

Steps

1. Clone repo

git clone [repo-url]
cd MemoBloom

2. Install dependencies

bun install
# or
npm install

3. Run dev server

bun dev
# or
npm run dev

Development Configuration

ESLint Configuration

For production applications, enable type-aware lint rules:

export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      ...tseslint.configs.recommendedTypeChecked,
      ...tseslint.configs.stylisticTypeChecked,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
    },
  },
])

Deployment

Refer to DEPLOYMENT_GUIDE.md for detailed instructions.

License

This project is licensed under the MIT with Non-Commercial Restriction License.

Key Restrictions:

⚠️ Commercial use is strictly prohibited ⚠️

• Not for use in any profit-generating activities
• Not for use in any commercial products or services
• Use by companies or organizations requires explicit authorization

View Full License Agreement