Coder Social home page Coder Social logo

wujun4code / dochat Goto Github PK

View Code? Open in Web Editor NEW
9.0 2.0 2.0 49.62 MB

DoChat-A realtime message ui components & service as a kit powered by ionic2 & LeanCloud.

License: MIT License

HTML 0.31% TypeScript 0.96% CSS 1.31% JavaScript 2.55% C 74.47% Objective-C 10.60% Batchfile 0.24% Shell 0.04% C++ 2.93% C# 0.27% Java 5.86% CoffeeScript 0.43% PowerShell 0.02%

dochat's Introduction

DoChat - 基于 ionic2 的聊天应用

开发目的

  1. 以学习 ionic2 & angular2 & typescript 为主,演示 LeanCloud 聊天服务为辅。
  2. 以聊天为切入点,将销售,跟单,管理等碎片化的企业管理功能整合到聊天对话框中,辅助一些的图表简单的实现一个工作流。
  3. 最后仍然希望有得到高手基于这个框架开发成品 App 上架各大应用市场。

应用截图

如何在本地运行

推荐使用 Mac OS 系统,Windows 建议安装 VS 的时候勾选安装 Cordova 开发环境,会有惊喜。 请参考 WIKI 页面:安装开发环境

dochat's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

fengong qwb0920

dochat's Issues

Login Page

UI

  • mobile + shortcode
  • mobile + shortcode + password
  • username + password,and in Profile Page bind mobile for user
  • email + password

Data

  • Http request to call AVUser API
  • use username as ClientId

Push Notification

UI

  • navigate from Push to chat page
  • add friend request received

Data

  • hook push in LeanEngine

Chat page

UI

  • Chat Header->chat widget
  • hide avatar in private mode.
  • display friendly timestamp for message->moment fromNow pipe
  • adapt input box css->duplicate WeChat?
  • page title.
  • scroll to refresh history messages.
  • show typing status when sending message.
  • resend when network interrupt.

Data

  • save message to local storage->sqlite for cordova
  • fetch history from local storage and merge with server.

Contact List & Friend Request

UI

  • Contact detail, hide image ,show phone number

Data

  • use soket.io to send websocket message in Friend Request, without Conversation

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.