Git Product home page Git Product logo

chat-tutorial's Introduction

#chat-tutorial

Simple Chat service tutorial with S5Platform

Requirements


Installation


1. ionic( 2~5 minute )

sudo npm install -g cordova ionic

2. download and install project

git clone https://github.com/0nlyoung7/chat-tutorial
cd chat-tutorial
npm install

Run


ionic serve

Models


User

  • id : 회원가입시 자동생성되는 Key
  • username : 회원가입시 사용한 username
  • nickName : 대화명
  • avatar : 프로필 사진 URL
  • statusMessage : 상태메세지

Channel

  • channelId : channel 연결시 자동생성되는 id
  • users : channel에 속해 있는 사용자 목록. Array
  • updatedAt : channel이 변경된 시간 Date
  • updated : channel이 변경된 시간 String
  • name : channel의 이름
  • image : channel의 이미지

Message

  • _id : message 전송시 자동생성되는 id
  • text : 텍스트 형태의 메시지 전송시
  • image : 이미지 형태의 메시지 전송시
  • createdAt : 메시지가 발송된 시간. Date
  • created : 메시지가 발송된 시간. String
  • user : 메세지를 전송한 user. Object
  • sent : 메시지 발송했는지 여부 ( true of false ) 현재 사용자가 보낸 메세지일 경우, true

TODO LIST


기본 기능

  • 회원 가입
  • 로그인
  • 회원 가입시 confirm password validation(Optional)

Follows Tab

  • 친구 목록 조회
  • 친구 추가
  • 친구 삭제
  • 채팅화면 이동
  • Notification 처리(Optional)

Channels Tab

  • 채널 목록 조회(Optional)
  • 채팅화면 이동(Optional)

채팅화면

  • 메시지 목록 조회
  • 텍스트 메시지 전송
  • 이미지 전송
  • 메세지 받은 후 스크롤 처리
  • 메시지 받은 시간 표시
  • 보낸 사람 Nickname, avatar 표시(Optional)

Settings Tab

  • Profile 이미지 업로드 구현(Optional)
  • Nickname 관리 기능 구현(Optional)
  • Status Message 관리 기능 구현(Optional)
  • 로그아웃(Optional)

chat-tutorial's People

Contributors

0nlyoung7 avatar

Watchers

James Cloos avatar  avatar

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.