whatsapp-web-clone

Whatsapp web clone

whatsapp-web-clone's People

Contributors

Stargazers

Watchers

whatsapp-web-clone's Issues

Handle async requests correctly in the component unmounting scenarion

Better Organize Code

Currently the code is scattered across 50 files. That can be easily reduced to be 25-30 files and removing unnecessary folders.

Need to add `archived messages` component

Rewrite Modal using React Portals

Fix Image sizing issues

Fix CSS issues with all 3 layout components' headers

The header components needs to have fixed height so that it doesn't scale according to the viewing screen's height.

Need to add the remaning components inside chatbox header - menu

Need to add `new chat` component

Move ChatBoxHeader menu modal into ChatBoxHeader

Need to add Attachments component

Add remaining components inside profile settings

Add smilie keyboard

Use timestamps in rfc3339 format

Unable to browse recent chats

Hey, I tried viewing the recent chats but something seems to be off. Nothing happens when I tap on them. Apparently, I get a 404 error every time I click on a conversation. Here's the log:

network.js?660d:13 GET https://whatsapp-web-clone.herokuapp.com/recentChats/2 404 (Not Found)
_callee$ @ network.js?660d:13
tryCatch @ runtime.js?4a57:65
invoke @ runtime.js?4a57:303
prototype.(anonymous function) @ runtime.js?4a57:117
step @ network.js?660d:13
(anonymous) @ network.js?660d:13
(anonymous) @ network.js?660d:13
fetchData @ network.js?660d:13
_callee4$ @ app.js?38c2:220
tryCatch @ runtime.js?4a57:65
invoke @ runtime.js?4a57:303
prototype.(anonymous function) @ runtime.js?4a57:117
step @ app.js?38c2:10
(anonymous) @ app.js?38c2:10
(anonymous) @ app.js?38c2:10
(anonymous) @ app.js?38c2:220
__handleFriendClickInList__REACT_HOT_LOADER__ @ app.js?38c2:220
FriendData._this9.handleFriendClickInList @ app.js?38c2:215
onClick @ friendsListItem.js?7c98:63
Ja @ react-dom.production.min.js?fce2:26
invokeGuardedCallback @ react-dom.production.min.js?fce2:25
invokeGuardedCallbackAndCatchFirstError @ react-dom.production.min.js?fce2:25
Za @ react-dom.production.min.js?fce2:30
cb @ react-dom.production.min.js?fce2:32
gb @ react-dom.production.min.js?fce2:32
ab @ react-dom.production.min.js?fce2:31
lb @ react-dom.production.min.js?fce2:34
sd @ react-dom.production.min.js?fce2:93
rd @ react-dom.production.min.js?fce2:70
batchedUpdates @ react-dom.production.min.js?fce2:171
tc @ react-dom.production.min.js?fce2:54
vd @ react-dom.production.min.js?fce2:71
app.js?38c2:226 SyntaxError: Unexpected token < in JSON at position 0
    at _callee$ (network.js?660d:13)
    at tryCatch (runtime.js?4a57:65)
    at Generator.invoke [as _invoke] (runtime.js?4a57:303)
    at Generator.prototype.(/anonymous function) [as next] (webpack-internal:///515:117:21)
    at step (network.js?660d:13)
    at eval (network.js?660d:13)
_callee4$ @ app.js?38c2:226
tryCatch @ runtime.js?4a57:65
invoke @ runtime.js?4a57:303
prototype.(anonymous function) @ runtime.js?4a57:117
step @ app.js?38c2:10
(anonymous) @ app.js?38c2:10
Promise.then (async)
step @ app.js?38c2:10
(anonymous) @ app.js?38c2:10
(anonymous) @ app.js?38c2:10
(anonymous) @ app.js?38c2:220
__handleFriendClickInList__REACT_HOT_LOADER__ @ app.js?38c2:220
FriendData._this9.handleFriendClickInList @ app.js?38c2:215
onClick @ friendsListItem.js?7c98:63
Ja @ react-dom.production.min.js?fce2:26
invokeGuardedCallback @ react-dom.production.min.js?fce2:25
invokeGuardedCallbackAndCatchFirstError @ react-dom.production.min.js?fce2:25
Za @ react-dom.production.min.js?fce2:30
cb @ react-dom.production.min.js?fce2:32
gb @ react-dom.production.min.js?fce2:32
ab @ react-dom.production.min.js?fce2:31
lb @ react-dom.production.min.js?fce2:34
sd @ react-dom.production.min.js?fce2:93
rd @ react-dom.production.min.js?fce2:70
batchedUpdates @ react-dom.production.min.js?fce2:171
tc @ react-dom.production.min.js?fce2:54
vd @ react-dom.production.min.js?fce2:71