jumtech / kesamo-web

kesamo

"kesamo" is The Best Web App for your Morning Routine Management.

How to use

Access https://app.kesamo.tech

How to develop

up local server

• npm run start

watch to build

• npm run watch

build

• npm run build

deploy

• mkdir ../config
• touch ../config_web.js
• write FIREBASE_CONFIG like below in config_web.js

const FIREBASE_CONFIG = {
  API_KEY: 'aaaaaa',
  AUTH_DOMAIN: 'example.firebaseapp.com',
  DATABASE_URL: 'https://example.firebaseio.com',
  PROJECT_ID: 'example',
  STORAGE_BUCKET: 'example.appspot.com',
  MESSAGING_SENDER_ID: '0000'
};

export { FIREBASE_CONFIG };

• npm run deploy

kesamo-web's Issues

think about ogp & favicon

• enlarge PWA icon from 144*144 to 192*192
• set favicon.ico
• set ogp

move <style> tag to the bottom of .vue file

close modal when clicking backdrop

Error: "Cannot use 'in' operator to search for 'title' in undefined"

it occured when i used kesamo via PC and finished editing a routine after i created new routine with enter key.
Cannot use 'in' operator to search for 'title' in undefined

fix README.md

show icons so that we can see which routine has "daysOfTheWeek"

host in heroku

make routineListItem component

components should shere the same routine data with each other

[bug fix]fix og:image, og:url

keep current routine even when switching view

• make App.vue have currentRoutineIndex
• App.vue passes currentRoutineIndex to Detail.vue & List.vue
• when switching from detail to list, select the list-item & scroll there

generate form-items dynamically in Modal

apply `* {box-sizing: border-box;}`

add enable-draggable-button to routineList

keep display on when using kesamo

show Japanese chars in a correct font even if the device's language is English

It's Chinese font!

enable to delete routine by modal

make UI mock with Vue.js & Semantic UI & webpack

cant delete deploy branch after deploying

To https://git.heroku.com/kesamo.git
 + 5a2eeea...c0ba3af deploy -> master (forced update)
error: Your local changes to the following files would be overwritten by checkout:
	kesamo/public/dist/bundle.js
	kesamo/public/dist/serviceWorker.js
Please commit your changes or stash them before you switch branches.
Aborting
error: Cannot delete branch 'deploy' checked out at '/Users/jumpei/kesamo/kesamo-web'  

bug-fix: the keypad open when the modal shown

Add CI

prohibit http access

make kesamo PWA-like(hide address bar)

Add unit tests

[bug]when type chars in Japanese & keyup enter key to commit input, fucus goes to next routine.

should brush up UI!

common

• prohibit zoom
• teach express how to deal /routine(s) or unknown path
• teach vue-router how to deal / or unknown path
• design login button

Tab

• enlarge link area
• use CSS for icon instead of char
• icon unintentionally moves a little when selected-status changed

routineDetail

• add right/left arrow
• solve an issue that we cannot view routine when through direct access
• add accout button for checking current Google account & logouting

routineList

• change trash icon color red
• layout of items in list-item
• focus input elem when to start edit or to create new routine
• prohibit from saving routine without title
• make list-item nonselected when clicking empty area
• make input many-chars-proof
• when enter-key up, selected -> start edit, edited -> end edit
• prohibit from dragging when editing routine
• when esc up, be nonselected
• enable scroll
• create icon doesn't cover the bottom of list

make new routine type that can vary what to do depending on the day of the week

Model

var routine = {
  title: 'STRING',
  description: 'STRING',
  daysOfTheWeek: ['NUMBER'],
  isForOnlySomeDays: 'BOOL'
};

Implementation

• Each routine has parameter dayOfTheWeek, an array of number that means each day of the week.
• If the routine's dayOfTheWeek array has the number of today's day of the week, the routine shows in routineDetailView.

show loading view when loading

• when login-check
• when fetch-routines

can't login via Google OAuth

[style fix]detailView too narrow

start quick edit only when list-item double-tapped

setup express.js

set max-height to description & make it scrollable

make google verify this app

https://support.google.com/code/contact/oauth_app_verification

make routineDetail component

refactor components

make font-size of modal title smaller

fix style of button in modal

fix bug & make UI when routines are empty

cannot scroll when item selected

make User model to deal with login/logout/profile

enable routines to have "description"

• ModalView.vue作成
  • https://jp.vuejs.org/v2/examples/modal.html
• Modalの編集内容を、親コンポーネントに渡す
  • eventをemit
• Modalの編集内容を受け取った親は、その内容でroutineを保存
• ルーチン詳細画面で表示

save routines to DB

fix style of form in modal

set original domain