2017-04-07.md

2017-04-07

TODO

• Learn Webpack
• Front-end
  • Setup front-end project with Vue.js and webpack
  • List all pages and components
  • List all APIs
• Design
  • Language page
  • Navbar
  • Word page
    • Add comment list
    • Add Random button
    • Add comment form
  • Dictionary page
  • Learners page
  • URL structure
  • Convert URLs from language code to language name
• Feature: Comment
  • As a user, I want to add comment to a word page
  • As a user, I want to see list of comments in a word page
• Feature: Chat & Activities
  • As a user, I want to discuss around a language
• Feature: Learning tool
• Feature: Add and edit words
• Feature: Ask for translation
• Backend
  • Refactor Word and Entry models
  • Importer: dict.cc
  • Importer: Japanese dictionary
  • Importer: glosbe

Notes

Jetient Feature

• Dictionary -> Learn
• Translate -> Ask
• Community -> Chat

Design URLs for Jetient

• Home page /
• Languages page /languages
• page /language/japanese
• Learn language for speakers /learn-for/japanese
• Learn for speaker /learn/english/japanese
• Users page /learners
• User page /learner/@user

Design word page

• Button for back to dictionary page
• Number and list of learners
• Comments
• Edit history (?)
• Activities

Workflow for adding new feature, e.g. Comment

Backend

• Add new models and services in services/jetient/ (Comment struct, CommentStore interface)
• Add new implement of services in services/jetient/store (e.g. sqlCommentStore)
• Add new data in handler/pagedata/comment.go
• Add new api in handler/api
• Create new server template in view/components/comment.tmpl.html
• Create new style in public/css/components/comment.css
• Add new handler in handler/comment.go

Frontend

• Add new api client in service/Comment.js
• Add new front-end component in components/Comment.vue
  • Template
  • Script
  • Styles

Setup front-end project with vue.js and webpack