GithubHelp home page GithubHelp logo

tsunderekermit / bubble Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 676 KB

ICS4U Term Project - Bubble, the chatting app with a minimalistic design and ease of use. Powered by ChatKit and MongoDB. Unfortunately defunct due to termination of ChatKit services @TsundereKermit @acec17

License: MIT License

HTML 32.94% JavaScript 66.34% CSS 0.72%
ics4u expressjs chatkit mongodb ejs nodejs jquery

bubble's Introduction

bubble

ICS4U Term Project - Bubble, the chatting app that prevents Yang from spamming.

Sadly, because of the termination of ChatKit services, this application is no longer usable

alt text

bubble's People

Contributors

acec17 avatar tsunderekermit avatar

Stargazers

 avatar  avatar

Watchers

 avatar

bubble's Issues

Cannot connect to MongoDB

When I use

mongoose
  .connect(
    db,
    { 
        useNewUrlParser: true,
        useUnifiedTopology: true,
    }
  )
  .then(() => console.log('MongoDB Connected'))
  .catch(err => console.error(err));

It produces the following error:
MongoDB error text

$.post is not working

When the room buttons in RoomList.ejs are pressed, a post request is sent to server side:

$.post("/index/changeRoom", { userId: username, changeRoomName: e.target.id });

However, even though the uncompressed version of jQuery is used (jquery-3.4.1.js), the dispatch and handle uses the slim version, which does not support post:

Uncaught TypeError: $.post is not a function
    at HTMLButtonElement.<anonymous> (index:262)
    at HTMLButtonElement.dispatch (jquery-3.3.1.slim.min.js:2)
    at HTMLButtonElement.v.handle (jquery-3.3.1.slim.min.js:2)

Notice that "jquery-3.3.1.slim.min.js:2" is used instead of "jquery-3.4.1.js"

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.