Giter Site home page Giter Site logo

final-project-cs290-group5's Introduction

Underline

It's not Slack I swear...

HTML Element IDs

  • New user modal: new-user-modal
  • New user modal submit: new-user-submit
  • New user text box: new-user-field
  • New channel popup trigger: new-channel-trigger
  • New channel modal: new-channel-modal
  • New channel modal submit: new-channel-submit
  • New channel modal cancel: new-channel-abort
  • New channel text box: new-channel-field
  • Modal backdrop: modal-backdrop
  • Message text box: message-text-box
  • Message send button: message-send
  • Channel ul: channels-list
  • Message ul: message-list

Socket.io design

  • username available client->server
    • sends one param: username
  • username check ret server->client
    • sends one param: available (boolean)
  • new user client->server
    • sends one param: username
  • new user connected server->client
    • sends one param: username
  • new message client->server
    • sends two params: channel, msg
  • new message incoming server->client
    • sends three params: channel, username, msg
  • channel available client->server
    • sends one param: channel
  • channel check ret server->client
    • sends two params: channel, available (boolean)
  • new channel client<->server
    • both parties send one param: channel
  • disconnect client->server
    • sends no params
  • user disconnected server->client
    • sends one param: username
  • db error server->client
    • sends one param: msg
    • possible messages
      • error initializing user
      • error adding channel
      • error storing msg
      • error removing user
  • switched channel client->server
    • sends one param: channel
  • old messages server->client
    • sends array of json objects (ts, username, message)

Database Design

  • table channels:
    • channel_id integer pkey
    • name text
  • table users:
    • user_id integer pkey
    • name text
    • active boolean
  • table messages:
    • message_id integer pkey
    • channel_id integer (channels.channel_id fkey)
    • user_id integer (users.user_id fkey)
    • message text

final-project-cs290-group5's People

Contributors

captaingeech42 avatar jonathankoning avatar paulinale avatar shaylarao avatar

Stargazers

 avatar

Watchers

 avatar  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.