sixp-naraka / chatty Goto Github PK
View Code? Open in Web Editor NEWChat app written in TypeScript with Angular, NestJS and Prisma.
License: MIT License
Chat app written in TypeScript with Angular, NestJS and Prisma.
License: MIT License
With this, refactor the current way the websockets are done. The new way should include:
And maybe more - will add as they come up.
Similar to Teams and others, on message hover a popup opens in which the user can select a emote as a reaction.
At max. 4-5 preselected emotes.
Add emote support for general purpose emotes.
Per button click the user gets a prompt to:
During the process, the user can:
Group chats will show like normal chats in the chat-tab.
Same component structure as the login form component, if desired both can be incorporated into one.
This header component should stay on top and be always visible.
It might be worth to introduce a "toggle" button which can hide/show the header.
This means that a user can look into what exactly a notification was about, e.g. was it a new unread message, reaction or a missed call?
Information for each "missed" notification should contain the following:
Some more refinements to make group chats better:
Permanent until a user read the chat-messages, e.g. clicked on the respective chat-tab.
This will most likely require some (albeit small) backend change (API and db) to incorporate the saving of the status.
add user authentication via passport
create login form component
Bug fixes:
Improvements:
And potentially more.
With this users can add new chats (people) and in an upcoming issue also create group chats.
Firstly:
After:
Additionally before logging out, show the user a quick notification stating something along the lines of "Unauthorized access discovered. Logging out.".
Also add screenshots of the UI.
See mentioned issue in #40.
Comment: #40 (comment)
Websocket connect/disconnect can be used to keep track of who is currently online/offline.
Upon connection or disconnection the websocket can then notify the other users of this, and they can then act upon it, if needed.
The button already exists.
The menu should contain the following options/settings:
The settings for the previous logged in user (same tab, no reload in between) are used instead of the actual user settings.
This is because the settings is a service and therefore only instantiated once + since ReplaySubject is used the previous stored ones are reused.
After the user logged in the settings should be fetched always.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.