CODE.MARKET
Search main icon svg
Enter ↵

What’s App Chat Clone – An Ionic Framework ,Socket.io and Nodejs Full Hybrid App

Author userpic
by thecodefactory
What’s App Chat Clone – An Ionic Framework ,Socket.io and Nodejs Full Hybrid App Ionic Chat & Messaging Mobile App template

Description

What’s App Chat  Clone – An Ionic Framework ,Socket.io and Nodejs Full Hybrid App - 1
What’s App Chat  Clone – An Ionic Framework ,Socket.io and Nodejs Full Hybrid App - 2What’s App Chat  Clone – An Ionic Framework ,Socket.io and Nodejs Full Hybrid App - 3

This application has every thing what you need in IONIC App , this app is NOT a template nor a basic component , this is full fledge Whats-App Chat Code , with tons of component integration along with socket.io and has every thing what you need . This app is a SUPER SET of all hybrid apps found on market .
What’sapp , A very familiar chat engine code is cloned here with robust server side technology socket.io ,Nodejs and MongoDB as database and with same architure as followed by Original Whats app. This code is written on IONIC Framework is no where found on market with this robust architure and is only available to CODE CAYNON users at very good price. Also this code is tested on iOS & Android platform. (This supports window’s as well but we have not tested on any window’s device yet.)


Please find document with detail installation instruction’s
https://docs.google.com/document/d/183nsE1QiDO78PNVBpFUX42LsXSJjeH6fo-7JZ1jx3hs/edit?usp=sharing
Below are some of the pointers on why to buy this app .
1. It consist of 100% source code for IONIC , Node.js for server side scripting , Mongodb & CouchDb for storing contacts and user profile’s .
2. This uses sql-lite plugins to store chat messages.
3. Support Offline chat also this messages are stored in Mongodb.
4. Native Facebook Integration code is written for registration.
5. Phone number validation against country is been implemented in the code ( ex: if you select Australia then your mobile number is in 9 digit , where as if you select India then your mobile number should be 10 digit ).
6. Contact syncing with server is been implemented using CouchDB & PouchDB and is been tested with about 16,000 contact’s ( which got synched in 8~10 sec. )
7. Local push message integration.
8. Web-services are written with Node.js & also Socket.io is implemented for sending one –to one message.
9. UI/UX are SAAS based and coded with IONIC Framework.
10. HTTP Calls are implemented using Native Plugin’s .
The app uses SASS, which is CSS with super powers. Each component has its own sass files and partials well structured with independent variables to get maximum modularity, flexibility and customisability.

Features:
1. Whats app clone with PhoneGap / Cordova Full Hybrid App using AngularJS + Ionic framework which is open source front-end SDK for developing hybrid mobile apps with HTML5.
2. Login with Facebook using Facebook plugin.
3. Support all countries and phone number validation’s implemented for every country (Example US based phone number are 10 digit where as Australia’s phone number are 9 digit etc.)
4. Contact syncing same as What’s App where we validate all phone book contacts with the one who has installed whats app and option to chat with them.
5. Direct socket chat with private messaging feature similar to whats app .
6. Added “Typing…” Features where a user get notified when other user is typing a message to them.
7. Shipped with entire Socket.io backend layers with required connection handling and handshaking mechanism.
8. Integrated with Node.JS JSON Api coded using sailjs.org framework and robust Mongo database integrated hence easy to scale if app goes to millions of users.
9. Customized Material Design based Edit Profile screen and option to change avatars and status message’s.


Tutorials on Ionic Framework. You can install ionic by just running few command as specified at below link www.ionicframework.com/getting-started/ Using these great resources you can get the most out of Ionic.
What will you get ?
1. A 100% white labeled clone code of What’s App with Ionic Framework based Front end and server side Socket.io component + Node.JS API Layer along with Mongo Database.
2. Layered PSD’s .
3. Documentation on how to set up and reskin.


What’s App Chat  Clone – An Ionic Framework ,Socket.io and Nodejs Full Hybrid App - 4

What’s App Chat  Clone – An Ionic Framework ,Socket.io and Nodejs Full Hybrid App - 5


V1.0 ( 25- April-2016 )  —Thank you people’s for your great response , i am overwhelmed to see this , I am trying my best to reply you as fast as i can (max of 3 hours ) also i promice to continue the same , how ever as a gesture of long term relationship I am offering below item as freebies.
1) Bug relate to UI/UX and loading .
2) Addition of Freebies CRM Template.

#############FREEBIES #############

  • I am giving away a CRM template worth 20 USD absolutely FREE .

<strong> Hosting : </strong> A Basic hosting ( recommend with 1 GB Ram or above ) cloud hosting with ssh connectivity will get this app running as server component is very light-weight and data exchange are optimized to text for better performance . <strong> Recommended hosting </strong><br /> 1. Digital Ocean ( www.digitalocean.com )<br /> 2. Linod (<a href="https://www.linode.com" rel="nofollow">https://www.linode.com</a> )<br /> 3. Heroku (<a href="https://www.heroku.com/" rel="nofollow">https://www.heroku.com/</a> )<br /> Feel free to contact me for any clarification or queries . <br /> <strong> #############CHANGE LOG’s ############# </strong><br /> <strong> V 1.2 ( 25- May <del>2016 ) is out with below bug fixes. </del></strong> <br /> 1) Offline message bug is fixed when receiver is offline all message will be received moment socket is connected back.<br /> 2) Latest chats will appear on top similar to what’s app.<br /> 3) Added missing folders .<br /> 4) Misc. Bug fixes.<br /> <strong> V 1.1 ( 06 May -2016 ) is out with below bug fixes. </strong> <br /> 1) Current chat messages showed on top of list on chat tab while chatting with multiple user’s. <br /> 2) Share images bug. <br /> 3) Implemented local notification. <br /> 4) Implemented local notification badge count. <br /> 5) View other user details like profile,about us, status etc. <br /> 7) Edit user profile like his details like profile, status ,user name , about as, work at. <br /> <img src="/images/smileys/cool.png" alt="8)" title="8)" /> Refresh contact list ( in case of new contact edition ). <br /> 9) Chat with unsaved number ( If a user send you a message and his/her number is not present in your phone book then too you can start chatting with him where we save his number on what’s app contact list with his number ). <br /> 10) Pull to refresh in chat page loading chat history .<br /> 11) Search contact in contact page.<br /> 12) When click on notification it will be now redirected to their particular chatting.<br /> 13) Manage contact list while chatting with multiple user.<br /> 14) Remove black or white screen after load splash screen.<br /> 15) Remove Application error alert after load splash screen.

Product tags

    • 6 month free support included from author
    • Free lifetime product updates guarantee
    • 360 degrees quality control
    Secure payment & money back guarantee

    Related products