Giter Club home page Giter Club logo

blog's Introduction

Here my simple blog, have fun

Chat

Add prometheus metrics comapre with old one

https://youtu.be/5J1knrjJHGw Frontend Side

  • create vue component
  • migrate logic to the vue
  • scroll to the end of chat when new message was created
  • system messages
  • sidebar panel with select of status of an issue
  • add skeletons for messages
  • create vue abstraction for action cable
  • file upload form layout
  • file upload form
  • rendering files
  • upload files to backend
  • broadcasting new files to sidebar
  • broadcasting the state of product to chat
  • sidebar panel with files
  • save the ability to others use the action cable consumer outside of a vue app
  • hide chat on frontend side on hidden url
  • autofocus on input when chat mounted
  • clear files after submitting (dont resend them in a next message)
  • delete roles.js
  • prevent xss
  • after submitting big message collapse textarea
  • rewrite autofocus on vue logic
  • after submitting form autofocus text area once more
  • add scroll on the enter submit
  • add some help note that user can submit on CMD + enter
  • rewrite old data-selector="messages-chat-comment" expanding chat logic on vue
  • delete const oldNode = queryDataSelector('messages-chat'); const newNode = queryDataSelector('vue-messages-chat'); in channel
  • delete all unsued templates
  • [] need ui ux feature where we can see notifications (not in tab counter) something more similar to facebook
  • [] optimistic submitting message dont wait mvc loop
  • [] notifiations should work as watsapp messnger
  • [] donwload only part of messages
  • [] delete messages-chat-documents-list
  • [] check flashes in ./app/views/profile/new_messages
  • [] add prop types for components
  • [] delete notification cahnnel
  • [] make a reusable component

Backend

  • webscokets
  • user typing...
  • add a tests
  • smart notification that not spam to the email, throtling or debouncing
  • tests for smart notifications
  • sending files
  • markdown support
  • delete and refactor /Users/andreyfrolov/Documents/abconsult/debthole/app/serializers/channels/message_serializer.rb
  • [] delete mess in controllers
  • [] https://git.debtfair.ru/SShekotihin/debthole/-/issues/334
  • [] add metrics
  • [] add serialization for all broadcast to
  • [] icon with amount of messages like in a facebook updating in realtime
  • [] also say to the user that we can send message with combination of keys
  • [] sidebar panel with files
  • [] Service object для того чтобы обрабатывать создание и бродкаст Message не только в контролере

Handling the errors Frontend

  • if message empty
  • handle the case when no messages in a chat
  • if files are empty
  • handle case when messages are loaded from a server

Backend

  • if message empty
  • if files are empty
  • [] and 404 when something went wrong
  Issue.find(68).messages.each(&:destroy!)

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.