Git Product home page Git Product logo

frontend's People

Contributors

0xdjangomo avatar amazingang avatar chongqiangchen avatar doctor-dc avatar glacier-luo avatar overtrue avatar vecpeng avatar zzyspace avatar

Stargazers

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

Watchers

 avatar  avatar

frontend's Issues

导航栏及登陆按钮优化

  • 导航栏中的图标建议可放大点看上去有点糊。
  • 登陆链接可加点样式让其看上去像一个按钮可使其醒目一点。
  • 建议拿掉顶部的GitHub跳转链接。应该重点让用户在本站点学习完成课程,此链接有点将用户向git这边导的意思,而且底部也有git社区的链接。
    image
  • 页面顶部的底色与设计中的不一致哟,语言切换的按钮缺失。
    image

TODO

  1. 课程讲数不对,例如Solidity入门只有15讲,但是里面把46讲全放进去了。Solidity进阶,Ethers入门还没内容。

  2. 看板点课程题目应该可以跳转到内容页面。

  3. 第7讲Mapping习题,第1题,balanceOf写成了balanceOdf。

  4. 首页适配有些问题,尺寸,Dark Mode,右上角Github键去掉(不是登陆键)

  5. 把16-46讲出完,然后Ethers.js。

  6. 用户登陆模块,登陆键有问题,还没发填资料等。

  7. 成绩还没同步。

  8. 毕业模块。

  9. 移动端适配,App?

[TODO] 个人中心

最低要求:设置里要能看到

  1. 绑定的 github 账号
  2. 个人邮箱
  3. 钱包地址

用户问的最多的问题就是填了习题,成绩没有同步,这就是邮箱不同步导致的,所以必须能让用户看到邮箱。

[TODO] 习题模块

之前为了快速完成 MVP,使用的谷歌quiz。
现在可以考虑自己研发一个习题模块,后台可以用谷歌表格,前端要包装下。
可以参考:

  1. learnweb3 习题模块
  2. typeform
  • 评估一下要不要单独做个开源模块,参加黑客松: Web3 + Form 会很有意思
  • 评估一下使用谷歌表格后端,还是自己搭一个

黑暗模式下UI样式优化

  • 网页暗黑模式下的各菜单标题字样的样式与背景色太相融合了不易分辨,图标的白色背景也显得很突兀。
    image
  • 底部的【产品】、【社区】、【捐款】菜单下的链接直接看不见了。注:下图中的GitHub可见是由于鼠标放在上面的
    image

[TODO] 部署到主网/Layer2

目前链上认证在 Goerli 测试网,需要迁移到主网或Layer2。备选:

  1. ETH 主网: 接受度最高
  2. Optimism: 给了 WTF Acadmey grant
  3. Arbitrum: 更偏 defi
  4. zksync: 空投预期
  5. starknet: 空投预期,但是地址和以太坊不一样

[TODO] 链上部署/交互检测

例如这样的习题: 在 Goerli 上部署一个 ERC721 合约。
用户输入部署的合约地址并提交。
后端检测,如果检测出来 ERC721,则通过;若否,则不通过。

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.