Wassup is a client-server based desktop chat application written in Javascript and related frameworks. It has a central server and database which is used to connect clients together. Each client has it's own local database. Technologies used are:
Node.js : Used to write central server with express.js which is a node framework
Electron.js : Used to create client-side desktop application.
Socket.io : Wassup uses socketio, an implementation of WebSocket protocol for full duplex communication.
MongoDB : Used to create central database with native drivers for node.js
PouchDB : Used on client's local DB. Other options were also available to choose from, but used PouchDB as it's very small size thus reducing overall size of the app.
HTML/CSS : Used to structure client side pages which are rendered by electron.js
Bootstrap : Used for styling with some readymade tools.
jQuery : Used for accessing DOM elements with it's rich features and methods.
This is an educational project developed with intention of learning different technologies mentioned above and might not work efficiently if used at scale. If you are a student or equivalent, don't feel shy to fork and use :)
You can also star⭐ the repo if you liked it :D
A wide list of features have already been implemented which also makes an underlying structures to quickly implement other features. Some features currently supported are:
- Sign-in/ Sign-up/ log-out
- Add/Remove Contact with list view
- Direct Message
- Block/Unblock user with list view
- View Profile/ full-size picture
- Update profile picture/name/about
- Private chat with user
- Supports text/emoji/images/GIFs in chats
- Images can be viewed in-chat or full-size
- Group Support
- Voice calling
- Pending features will be possibly implemented in upcoming time. However, if anyone wants to contribute, feel free to give a pull request :)
Either private chat or group, wassup uses websockets to push messages to other sockets(for personal) or rooms(for groups). Client will invoke some event and server will act accordingly. Not that on client side, only one instance of running application is restricted to avoid local-db conflicts; reason being the Main process of electron.js holds state of user currently logged in. However, multiple users can use their respective accounts on same device, but only one can be logged in at a time.
do a window refresh (Ctrl + R) if you feel any lag, maybe once a while.
Attached are some screenshots from the app:
1. SignIn/SignUp:
2. Update Your Profile:
Clicking on your name in top-right, you can see as well as edit your profile.
3. Find People/ See Contacts:
Search people by the email they have registered. Below, you can also see your saved contacts. You can see their profile by clicking on their card.
4. Profile Find Result:
If profile exists, you'll see similar card where you can choose to add contact or talk directly without adding.
5. Viewing profile while chating:
To view someone's profile later you need to click on their image icon. Full screen image can also be viewed on clicking picture again.
6. Can Send Images/GIF:
You can send text/images/gif which can also be viewed on full size screen on clicking over it
7. options.:
A list of options that can select. More options maybe added in future commits, if possible.
