BabyDay 基于自主研发的ReactUI框架开发的宝宝喂养记录应用,里边还有网易音乐哦

#1

BabyDay

背景:宝宝出生后,想着做一款比较漂亮的喂养数据记录工具,用于记录宝宝的日常数据,关心宝宝每天的成长。
项目地址: http://www.wetalks.cn/babyDay
github地址:https://github.com/liuyahuiZ/babyDay
主要功能:宝宝的信息录入,编辑、 每天的喂养记录数据、 喂养记录数据的管理、 喂养记录类型的管理、喂养记录数据可视化

技术架构

前端目前是移动web版,基于React开发,UI组件是自主研发的neo-ui,icon字体化,
图表简单的调用了一下 阿里的图表库 F2

neo-ui地址 http://www.wetalks.cn/neo-ui/

后端Api是基于koa2+mongodb开发的 server-koa
github地址 https://github.com/liuyahuiZ/server-koa

效果图

喂养部分
音乐部分

线上地址:http://www.wetalks.cn/babyDay/#/MusicCategory
后端api是调用该大神提供的网易音乐接口 https://github.com/Binaryify/NeteaseCloudMusicApi

目录结构

├── cgiMock   接口模拟工具
│   ├── test.json 模拟文件
│   └── token.json
├── package-lock.json
├── package.json
├── readme.md
├── src
│   ├── App 项目主目录
│   │   ├── Allroutes.js  路由配置文件
│   │   ├── api 接口分离
│   │   ├── components 公用组件
│   │   ├── config  公用配置
│   │   ├── core  核心模块
│   │   ├── page  所有页面目录
│   │   ├── servise  服务层 请求,加密
│   │   ├── style  公用样式
│   │   └── utils  工具方法
│   ├── index.html
│   ├── index.js
│   └── neo UI框架
│       ├── Components 基础组件
│       ├── Parts 高阶组件
│       ├── Style 
│       ├── index.js
│       └── utils
├── test.sh
├── tools
│   └── localServer.js
├── webpack.config.js
└── webpack.config.pro.js
1 Like