Giter Site home page Giter Site logo

matataki-io / matataki-frontend Goto Github PK

View Code? Open in Web Editor NEW
84.0 7.0 15.0 38.63 MB

Front End for Matataki

Home Page: https://www.matataki.io

License: GNU Affero General Public License v3.0

JavaScript 7.86% HTML 0.05% Vue 88.40% Dockerfile 0.01% Less 3.69%
nuxtjs element-ui

matataki-frontend's Introduction

瞬 MATATAKI

我们帮助 自由 的创作者,获得更多收入&建立 公开 永存 的数字作品库

nuxtjs element-ui license GitHub release

English | 简体中文

🌈 Introduction

瞬MATATAKI是一个保护创作者权益的高质量内容平台。

所有在 瞬Matataki 上的内容创作,都会上传到 IPFS(星际文件系统)的多个节点上,实现作品的永久可访问,无需担心被和谐删档,你的数据只属于你自己。

Matataki希望围绕 有趣的话题、深度思考,吸引有独立精神的创作者,构建独特的内容价值网络,依托于区块链技术搭建稳固优质社群平台,保护创作内容版权;配合独特算法让优质内容浮现,以数字货币和粉丝通证让创作者、参与者获得持续回报。

✨ Features

  • 永久保存 ——只管放心发表

  • 无需担心被和谐,你创造的内容被永久存储在IPFS分布式网络上,且无法被任何人进行再次修改,方便在其他平台日后维权。

  • 自由创作 ——尺度收放自如

  • 功能强大的内容编辑器,没有人可以影响您的创作自由,一切尽在自己掌控之中。您也可以允许自己的真粉们向自己提出建议的特权。

  • 个人通证 ——数字社交货币

  • 让粉丝们使用你发行的个人通证来解锁文章!你的个人通证的价值将不断增加!粉丝通证不仅仅是你的专属货币,也是粉丝们作为同行者的印记。

  • 潜在收入 ——内容付费和打赏

  • 你的任何文章都可设置付费解锁,不要低估粉丝对您作品的喜爱,只要是优质作品,即使需要付费,他们也会常有付费动力!甚至用个人通证打赏。

⌨️ Development

testing(default branch) is the development branch 🧑🏻‍💻

$ git clone [email protected]:Matataki-io/Matataki-FE.git
$ cd Matataki-FE

# install dependencies
$ yarn install

# serve with hot reload at localhost:8080
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

Open your browser and visit http://localhost:8080.

For detailed explanation on how things work, checkout Nuxt.js docs.

🌍 i18n

matataki-frontend's People

Contributors

acgrid avatar billchenchina avatar cnchenhao avatar deasoso avatar dependabot[bot] avatar frankwei98 avatar garfield550 avatar kodamasakuno avatar kumo-yzx avatar lemonnekogh avatar linklinkguan avatar linzh7 avatar littlesound avatar lychees avatar nekomeowww avatar qiwang0 avatar remi-guan avatar shellteo avatar syntacticlosure avatar tmono avatar xiaotiandada avatar yukiexe avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

matataki-frontend's Issues

登录跳转和表单登录的无法刷新 session 问题

1

这边先用了表单 email + passwd 登录
然后没有反应,Ctrl + R 之后还是没有反应
然后继续尝试用表单 email + passwd 登录,还是没有反应

2

然后点击了 GitHub 登陆,结果 callback url 的时候告诉我 404
跳转回主页之后能看到自己的帐号了,现在以为可以访问了,然后开了新的 tab 访问文章
发现登陆又没了

3

又继续用 email + passwd 表单登陆
没有反应
继续自动填写一次,可以了,然后现在 cookies 才正常

建议

建议检查 GitHub callback url 的问题
还有表单提交的 session update 问题

Github 登陆后 404。

随后文章页面依然登陆失败,
但跳转到首页可以执行一次 Logout,
再次使用 Github 登录后一切正常。
疑似是 token 失效。。

关于【持币可见】语法的扩展升级

屏幕快照 2020-03-21 下午6 37 07

目前的实现方式并不十分优雅,可扩展性不足,内容摘要亦有画蛇添足的嫌疑。(字数限制在有英文的情况下会被迅速用完。。)

理应改成一种扩展的 markdown 语法,类似 wordpress 里插入数学公式和代码高亮。
我们可以在文章内容的任意段落自定义设置可见内容,不仅可以兼容现在的模式,并且提供更多的扩展空间,例如直接在文章的末尾卖 DRM-free 的数字拷贝。

基本语法

[read hold="DAO 100"]
这是一段持币可见内容。
[/read]

是否隐藏

默认为 false,会提示用户购买 token,但也可以完全不给提示以作为彩蛋,类似早期 QQ 空间里大家喜欢玩的,文字反白可见。。

[read hold="DAO 100" hide="true"]
恭喜你发现了镇站之宝。
[/read]

多资产,多维度(持币 or 支付 or 抵押)

[read hold="DAO 100, LINK 50, AND 1" pay="CNY 100" stake="DAO 100"]
This is a confidential article.
[/read]

分支条件

[read hold="LEVEL 10"]
管理员让你走进智者图书馆,虽然可以呆的时间不长,但可以学到很多东西。
[else]
管理员开门之后将你打量一番,不屑地说道:“你一无名气,二无能力,现在不能进智者图书馆,等你成名以后再说吧。”
[/read]

梗来自英雄无敌3

无法绑定邮箱

为了测试空投功能,尝试绑定邮箱。
用了新邮箱点按钮后却没有给任何提示。

截屏2020-06-30 下午2 00 38

移动端的调整建议

采访了几个用户(**大妈)。
纷纷表示玩不懂。
https://www.matataki.io/token/22

  1. 大妈用户只会使用微信浏览器。
  2. 如果检测到是微信浏览器,如果没有登录且在 token 的页面,直接提示是否用微信登录?
  3. 快捷购买的位置应该调整到更前面。(至少在各种转账流水记录之前,因为这部分用户上来就是要交易)

这部分用户的体验自然是非常重要的。。。
原因当然不仅仅是它们会比较闲(both money && time),
更重要的是,family member 应该成为 initial liquidity offer 的重要组成部分。
甚至未来的子女抚养和老人赡养都可以通过买 token 来完成
(上学的时候,家长买子女的 token,子女卖出自己的 token 换取生活费、学费,
长大后,家长卖子女的 token,来作为自己养育孩子的合理回报,一口气解决世纪难题。Toward brave new world...
Bingo!!)

扩展语法之【支付可见】

接上文:#298
数据库需要存一个序号以定位到每篇文章的第几段支付。
支付的内容直接转账给文章的 owner 即可。

[read pay="CNY 100"]
This is a confidential cd-key.
[/read]

Firefox 上出现搜索框遮挡登录按钮问题

系统及浏览器环境79.0a1.20200626.22-1

症状:
图片
如图,输入框宽度过大遮挡了登录按钮,使得登录按钮无法点击
在日常的配置和火狐安全模式下+新的profile下均进行了测试
其他网站未发现此问题,Chromium 下无此问题

Edit:

  • 在火狐稳定版复现 77.0.1
  • 在火狐开发者版复现 78.0b9
  • 在火狐 ESR 版复现 68.9.0

一键打包

为了迎接即将到来的正义的铁拳,也为了可以符合 GDPR 法案,我们需要一键打包所有用户文章和资产数据 。

改善Matataki

  1. 重新设计首页样式和文案
  2. 简化和合并菜单内容
  3. 删除分享大厅、双向索引、积分领取的功能 -- 小田 pc端已处理完成
  4. 优化文内加密功能,功能越简单直接越好
  5. 结合评论功能,嵌入可选打赏文章Fan票的功能,去除积分消耗
  6. 以侧边栏的形式插入Fan票钱包功能,可以在任意页面唤出,支持查余额,转账、跳转到FanToken网站查看明细
  7. 完善强提醒功能
  8. 优化文章编辑器的编辑和发布流程
  9. 和FanToken系统解耦
  10. 优化访问打开体验
  11. 稳定基本面功能的稳定性
  12. 更换域名
  13. 采用自适应前端统一多端体验 -- 小田 正在做
  14. 增加Hash历史查询功能
  15. 针对登录用户优先展示推荐内容:关注对象的更新 和 推荐内容
  16. 重新开发文章的标签系统

昵称框不允许「日语」出现

应该是 Regex 出现的问题
或者是其他的语言检测,或者说的确是只能允许所谓的「0-9,中文,英文,符号」出现

Github登陆后,自动生成的Nickname可能会造成修改user information时报错

Matataki系统设定的Nickname格式是不允许有空格的,但是如果Matataki账号是由github登陆创建的(没有测试其他登录方式,应该也会有类似问题),是有可能生成带有空格的Nickname。

这时如果用户去修改user information,会因为Nickname内的空格导致修改失败。

Screen Shot 2020-07-02 at 10 30 45 am

而且由于错误信息不清楚,用户自己很难发现是需要去除Nickname内的空格

加入登录方式找回功能

不知道怎么说好

就是如果忘记登录方式又没有绑定邮箱的罕见情况,一个一个通过第三方登录去试的话可能是比较麻烦的事情,所以希望能增加一个类似的功能 :D

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.