Code Monkey home page Code Monkey logo

chat's People

Contributors

antoniovdlc avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

efrei-int

chat's Issues

Correct scroll behaviour

Yeah, so the scroll to last is a bit broken ... so yeah, may need to look into that! ๐Ÿ˜ฌ

Allow loading older message on scroll top

Right now we are limited to only seeing the unread messages or the last 10 that were sent to the chat ... ideally the user should be able to load older messages when scrolling all the way to the top!

Cache invalidation ...

๐Ÿ˜ฌ

... I may actually need to add a build step for the front-end after all (even if it's just to put a hash on the assets names) ๐Ÿ˜’

Prevent pull-to-refresh on mobile

For now I've only seen this behaviour in Chrome on mobile, and it does look a little odd with the app's pull to load older messages ... so, might need to look into that!

Display dates over messages

Find a nice way to add date information into the UI ... Maybe grouping messages under a date "header" like most messaging apps do?

Optimistic message updates

Right now every message is sent to the server and then sent back to every client (even the one that sent it) before being painted in the app.

Ideally, the messages sent by a user must be painted directly in the app (and then be confirmed once it comes back from server). That change will allow to deal with errors, retries, and confirmations (ร  la WhatsApp I guess ๐Ÿ˜ฌ ).

Copied from: https://github.com/efrei-int/chat/issues/19

Frontend Refactor

The front-end has grown a bit wild and it's not very DRY ... it might need a little refactor at some point, even tough for now it still holds!

Twitter login not working

For some reason this error pops-up while trying to login with Twitter:

Error: httpExecute: HTTP response is not 200/OK as expected. Actual response:
Response Status: '401 Unauthorized'
Response Code: 401
Response Body: Error processing your OAuth request: Invalid oauth_verifier parameter
Request Headers: [key: Authorization, val: OAuth oauth_consumer_key="",oauth_nonce="",oauth_signature="",oauth_signature_method="",oauth_timestamp="",oauth_token="",oauth_verifier="",oauth_version="1.0"] 

... ๐Ÿคทโ€โ™‚๏ธ

Audit

Just a few things that could be improved based on a audit made in the Chrome DevTools!

image

Accessibility

From running a little audit on the current version of the chat, a few accessibility errors came up:

image

Better date formatting in messages

Dates are always such a pleasure to work with ... toLocaleString() doesn't really cut it for me, so maybe looking into improving the date formatting can be interesting!

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.