Notes App

📱 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

1. 在Android Studio中打开

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

1. 构建并运行

   ./gradlew assembleDebug

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

🏗️ 建筑

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

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

🤝 贡献

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

📄 许可证

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

👨‍💻 作者

尤里·卡马乔

• 🏢 软件工程师 拉皮
• 🥇 谷歌Android和Kotlin开发专家
• 🐦 推特： @卡马乔里
• 💼 领英： 尤里·卡马乔

______________________________________________________________________

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