/frontend

family prj frontend

Primary LanguageVue

frontend for gww project

gww stands for chinese: 乖娃娃（GuaiWaWa)

Originally, it's a Android app for my nephew and niece

looks like:

2023-02-12-19-45-06

However, for fast development(work together with the backend), I use Vue.js to write a web version, so here is the repository.

UI

  • home page:

2023-02-12-19-59-11

  • life log(浮生六记):

an idea from 沈复

2023-02-12-20-15-25

2023-02-12-20-16-23

  • rank:

2023-02-12-20-18-24

feature & ideas

  • finish task, to win butterfly, compete with others, to get top 1 in rank list
  • write life-log, reading notes
  • cherishing each day we live in this world: use life indicator to see how many days passed for your life, and how many days remind
  • more ideas to implements:
    • chat
    • records for exercise/habits
    • family album
    • eisenhower martix
    • daily review
    • world map log
    • Android&iOS version!!

tech

  • Vue.js
  • Node.js
  • ElementUI
  • Linux/CentOs
  • Shell Script
  • Nginx

notice

prod port = 8089

dev port = 8091

how to build and move to nginx

first we need back up old dist

rm -rf dist-backup

mv dist/ dist-backup/

npm run build

sudo cp -r dist/ /www/server/nginx/html/goodchild

see:

ls /www/server/nginx/html/goodchild

should see dist

roadmap

卡片系统的简易形式

现在为每个用户展示她自己的喜好图片吧，尚且不支持

  • 切换
  • 交易

改善首页的显示

更加简洁，不需要 鸡蛋，蝴蝶，啥的

发布想法（浮生六记）

自定义，私有的，隐私的，发布想法； 类似 flomo（这个会在 浮生六记 里面实现） UI则参考朋友圈

2023-10-17-21-28-26

评论（for 公开想法）

可参考现成

统计

for 发布的想法