AI导哈

习惯追踪平台

Cosmo是一个基于网页的习惯形成和管理平台，提供习惯追踪、可视化管理及多设备适配功能。

  • by eunseongHong
  • HTML
  • 本地部署
  • 更新于
在 GitHub 查看 eunseongHong/mcp-test

使用说明

Cosmo-习惯形成平台

Cosmo是一个形成和管理习惯的网络平台。

项目简介

该项目是基于Pigma设计的习惯跟踪Web应用程序。

主要功能

  • 登录/注册：用户身份验证功能
  • 我的习惯清单：管理和跟踪个人习惯
  • 习惯卡：从视觉上确认每个习惯的进展情况
  • 响应式设计：在各种设备上进行优化的体验

技术堆栈

  • HTML5
  • CSS3
  • JavaScript（香草）
  • Pretendard字体

开始

在本地运行

  1. 存储库克隆
git clone https://github.com/eunseongHong/mcp-test.git
cd mcp-test
  1. 在浏览器中 index.html 打开文件

或运行本地服务器：

# Python 3
python -m http.server 8000

# Node.js (http-server 필요)
npx http-server

文件结构

mcp-test/
├── index.html          # 메인 HTML 파일
├── styles.css          # 스타일시트
├── script.js           # JavaScript 로직
├── habit-tracker.html  # 습관 추적 페이지 (대체 버전)
├── habit-tracker.css   # 습관 추적 스타일
├── habit-tracker.js    # 습관 추적 로직
└── README.md           # 프로젝트 문서

部署

该项目通过GitHub Pages分发。

如何激活GitHub Pages

  1. 转到GitHub存储库：https://github.com/eunseongHong/mcp-test
  2. 设置 单击选项卡
  3. 在左侧边栏中 页面 选择
  4. 来源 在部分中：
    • 从分支部署 选择
    • 分行： main 选择
    • 文件夹： / (root) 选择
    • 保存 单击

或者，要使用GitHub Actions：

  • 来源在 GitHub 操作 选择

部署完成后（需要几分钟），您可以在以下URL中查看站点：

  • https://eunseongHong.github.io/mcp-test/

许可证

这个项目是个人项目。

作者

洪恩成

相关 MCP