Realtime Chat App
A social chat app built with Vue.js, Node/Express and Socket.io. The app allows users to sign up, create and edit their profiles, explore other users of the app and chat with them. The chats, as well as the user's My Chats page, are updated in realtime when the user receives a message or when a message is deleted, while featuring a well-designed and animated interface.
Desktop version
![Desktop – Chat page](/images/chatter/desktop-chat.png)
![Desktop – My Chats page](/images/chatter/desktop-my-chats.png)
![Desktop – Edit Profile page](/images/chatter/desktop-edit-profile.png)
![Desktop – Profile page](/images/chatter/desktop-my-profile.png)
![Desktop – Explore page](/images/chatter/desktop-explore.png)
![Desktop – Login page](/images/chatter/desktop-login.png)
![Desktop – Signup page](/images/chatter/desktop-signup.png)
Tablet version
![Tablet – Chat page](/images/chatter/tablet-chat.png)
![Tablet – My Chats page](/images/chatter/tablet-my-chats.png)
![Tablet – Edit Profile page](/images/chatter/tablet-edit-profile.png)
![Tablet – Profile page](/images/chatter/tablet-my-profile.png)
![Tablet – Explore page](/images/chatter/tablet-explore.png)
![Tablet – Login page](/images/chatter/tablet-login.png)
![Tablet – Signup page](/images/chatter/tablet-signup.png)
![Tablet – Navigation](/images/chatter/tablet-navigation.png)
Mobile version
![Mobile – Chat page](/images/chatter/mobile-chat.png)
![Mobile – My Chats page](/images/chatter/mobile-my-chats.png)
![Mobile – Edit Profile page](/images/chatter/mobile-edit-profile.png)
![Mobile – Profile page](/images/chatter/mobile-my-profile.png)
![Mobile – Explore page](/images/chatter/mobile-explore.png)
![Mobile – Login page](/images/chatter/mobile-login.png)
![Mobile – Signup page](/images/chatter/mobile-signup.png)
![Mobile – Navigation](/images/chatter/mobile-navigation.png)
Desktop – Chat page
Click on the image to zoom
![](/images/chatter/desktop-chat.png)