@nnm/chatboy

    0.2.5 • Public • Published

    chatboy

    npm NPM

    The goal of this project is to create a chatbot on a Vue-based web and use the Google Dialogflow API.

    STRUCTURE

    USAGE

    Create a Google Cloud project.

    Get a Dialogflow Authentication key

    Install chatboy

    • npm install @nnm/chatboy

    Use chatboy

    • // Your Vuex store
      import store from './store/store.js'
       
      import 'chatboyStore' from '@nnm/chatboy'
      import '@nnm/chatboy/dist/chatboy.css'
    • ...
      Vue.use(chatboyStore, { store });
      ...
      
    • <Chatboy project-name=""
               language-code=""
               access-token=""
      />

    PREVIEW

    TODO

    • Try Google SDK
    • Try SessionStorage
    • Try Vuex
    • Try KakaoTalk Style CSS

    LEARNED

    • Google SDK
      • Get access token
      • Set GOOGLE_APPLICATION_CREDENTIALS
    • Vue
      • Image import
    • Vuex
      • Use within a npm package
        • Namespacing
        • Modularization
        • Dynamic module registration
        • Plug-in
    • Publish npm package
      • Make entry point
      • Set image path
    • CSS
      • Make Speech bubble tail
      • Position
      • Flex
    • Webpack
      • Default rule of Image bundling on babel

    LICENSE

    This is released under the MIT license. See LICENSE for details.

    Install

    npm i @nnm/chatboy

    DownloadsWeekly Downloads

    16

    Version

    0.2.5

    License

    MIT

    Unpacked Size

    1.54 MB

    Total Files

    30

    Last publish

    Collaborators

    • avatar