Vuejs-Vue memo: vue-memo akifovue-memo a simple demo build with Vue.js(>2.x.), vue-router(>2.x.), vuex(>2.x.), [email protected](>3.x.) and Firebase(>3.6.x) by akifo

Dependencies

  • Vue.js(>2.x.)
  • vue-router(>2.x.)
  • vuex(>2.x.)
  • vuex-router-sync(>3.x.) @next
  • Firebase(>3.6.x)
  • marked(>0.3.x)
  • webpack(>1.13.x)
  • babel-core(>6.18.x)
  • babel-presett-es2015
  • babel-presett-stage-2

Introduction

Vue-memo is a personal project created to deepen the understanding of Vue.js. I will wait for Pull Request.

App Screen Shop

Before Start

  1. Create Firebase Project
  2. To enable Google Authentication Sign-In
  3. Entry Environment Variables
# create settings.js
cp settings.js.org settings.js
# paste from Firebase config
vim settings.js

Development Setup

# install deps:
npm install
# serve examples at localhost:8080:
npm run dev
# build dist files:
npm run build

Deploy to Firebase

firebase login
firebase use --add
# select your project, and then...
npm run deploy

Demo

demo site

Comments

  • 2.1.0 Changes
    2.1.0 Changes

    Aug 30, 2017

    General Notes

    • It's a completely different new vue-memo

    New Firebase Model

    {
      "users": {
        "$uid": {
          "name": "tanaka",
          "memos": {
            "-Kr22TiTi4ktLiDrE9FM": true,
            "-Kr5EWkDqs_d63gutnKv": true
          }
        }
      },
      "memos": {
        "$mid": {
          "memoName": "awesome-orange",
          "title": "aaaa",
          "body": "bbbb",
          "authorID": "$uid",
          "created": 1502741787796,
          "modified": 1502741787796,
          "starCount": 2,
          "stars": {
            "CLIPLIrf1occ83qNAB5jzE6ukAC2": true,
            "sjhzQ5Jke5QsLH1vaDjPrPl5BSs2": true
          }
        }
      }
    }
    

    TODO

    • [ ] index speed test
      • [ ] sort by created
      • [ ] sort by starCount
      • [ ] multiple fetch (If we display 20 latest memos, we have to fetch from users 20 times)
    Reply
  • 開発メモ
    開発メモ

    Nov 8, 2016

    vue-cli から基本的な使い方学ぶ。 https://github.com/vuejs-templates/webpack

    Reply
  • Vue2.0系にバージョンアップと、その他もろもろ
    Vue2.0系にバージョンアップと、その他もろもろ

    Oct 24, 2016

    qiitaのアドベントカレンダーに掲載できるよう、ぼちぼち準備を進めていこう!

    やることリスト

    • [x] firebaseのdatabase構造を決める
    • [x] 画面遷移を整理
    • [x] コンポーネントを作る
    • [x] 名前のところ変更できるように
    • [x] 名前設定あれば、それを読み込むように
    • [x] filter作って時刻表示
    • [x] myselfのタイムライン表示できるように
    • [x] editor の write preview ボタンのデザイン
    • [x] package.json いらないの消す
    • [x] readmeを書く
    • [x] qiitaの記事を書く
    • [x] githubにあげる
    • [x] githubから取得し、別環境で動かせるかチェック
    • [x] 本番環境でチェック
    • [x] qiitaの1年前の記事修正

    今後実装したい

    • [ ] 複数のログインプロバイダを統合
    • [ ] vue-validator が Vue.js 2.0 をサポートしたら取り入れる
    • [ ] エラー処理何も考えていないので、考えて、書く
    • [ ] localstrageのAPI書いてゲストユーザーでもメモを保存できるようにする
    • [ ] testを書く
    Reply
  • メモの文章が長い時に、表示できない部分がある。
    メモの文章が長い時に、表示できない部分がある。

    Apr 8, 2016

                                                                                                                                                                                                           
    Reply
  • changed readme
    changed readme

    Dec 12, 2015

                                                                                                                                                                                                           
    Reply
  • changed architecture
    changed architecture

    Dec 9, 2015

                                                                                                                                                                                                           
    Reply
  • init
    init

    Dec 8, 2015

                                                                                                                                                                                                           
    Reply
  • Update README.md
    Update README.md

    Dec 20, 2016

    fix small typos

                                                                                                                                                                                                           
    Reply