AI导哈

笔记应用

一款基于Jetpack Compose构建的现代笔记应用，具有美观的UI设计和高效的笔记管理功能。

  • by camachoyury
  • Kotlin
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 camachoyury/NotesApp

使用说明

📱 NotesApp

使用Jetpack Compose构建的现代笔记应用程序 -使用MCP实现Figma的UI设计 用于无缝设计到代码工作流的服务器

✨ 特性

  • 🎨 现代UI设计 -美丽多彩的音符，带有定制主题
  • 📋 笔记管理 -高效地创建、编辑和组织笔记
  • 🌈 颜色编码类别 -用充满活力的便条卡进行视觉组织
  • 📱 材料3设计 -遵循最新的Android设计指南
  • ⚡ 高性能 -使用Jetpack Compose构建，可实现流畅的动画
  • 🌙 深色主题 -具有自定义配色方案的直观界面

🛠️ 技术栈

  • 语言：科特林
  • UI框架：Jetpack作曲
  • 建筑：MVVM+清洁架构
  • 设计系统：材料3
  • 构建系统：Gradle与Kotlin DSL
  • 目标SDK：安卓34

🎨 设计到代码工作流

该项目展示了一个现代的设计到代码的工作流程，使用：

  • Figma MCP服务器 -与Figma设计直接集成
  • GitHub MCP服务器 -自动化存储库管理
  • 模型上下文协议（MCP） -无缝工具集成

UI组件直接从Figma设计中生成，展示了MCP服务器如何 弥合设计和开发之间的差距。

📦 项目结构

app/
├── src/main/java/com/camachoyury/notesapp/
│   ├── MainActivity.kt              # Entry point
│   ├── ui/
│   │   ├── HomeScreen.kt           # Main notes interface
│   │   ├── data/Note.kt            # Note data model
│   │   └── theme/                  # Custom theming
│   │       ├── Color.kt            # Figma-extracted colors
│   │       ├── Theme.kt            # Material 3 theme
│   │       └── Type.kt             # Typography definitions
│   └── ...
└── ...

🎨 调色板

该应用程序使用直接从Figma设计中提取的鲜艳调色板：

  • 🟣 紫色: #fd99ff -UI概念
  • 🩷 粉色: #ff9e9e -书评
  • 🟢 绿色: #91f48f -动漫列表
  • 🟡 黄色: #fff599 -漫画列表
  • 🩵 青色: #9effff -推特收藏
  • 🟦 蓝色: #b69cff -开源应用

🚀 入门指南

先决条件

  • 安卓工作室刺猬|2023.1.1或更高版本
  • Kotlin 1.9.0+
  • 安卓SDK 34
  • JDK 17+

安装

  1. 克隆存储库

    git clone https://github.com/camachoyury/NotesApp.git
cd NotesApp

  2. 在Android Studio中打开

    • 启动Android Studio
    • 选择“打开现有项目”
    • 导航到克隆的目录

  3. 构建并运行

    ./gradlew assembleDebug

    或者使用Android Studio中的“运行”按钮

🏗️ 建筑

此应用程序遵循清洁架构原则，包括：

  • 界面层：Jetpack组合组件
  • 域层：业务逻辑和用例
  • 数据层：数据管理的存储库模式

🤝 贡献

欢迎投稿！请随时提交拉取请求。

📄 许可证

该项目是开源的，可在 MIT许可证.

👨‍💻 作者

尤里·卡马乔

⭐ 如果你觉得这个repo有用，别忘了给它加星！

相关 MCP