All Projects → pengkobe → ionic-chat

pengkobe / ionic-chat

Licence: MIT License
a hybrid chat app based on ionic1.x and rongyun. support android & ios

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

Projects that are alternatives of or similar to ionic-chat

tutorial-photo-gallery-vue
Photo Gallery Tutorial: Ionic Vue and Capacitor
Stars: ✭ 33 (+57.14%)
Mutual labels:  ionic
talks
Let's talk about ..
Stars: ✭ 13 (-38.1%)
Mutual labels:  ionic
cordova-plugin-crypto-file
Encrypts source files, works with cordova-plugin-ionic-webview
Stars: ✭ 29 (+38.1%)
Mutual labels:  ionic
devmod
Developer Module for debugging web applications
Stars: ✭ 16 (-23.81%)
Mutual labels:  ionic
blobile
Blases Loaded - Unofficial Live Blaseball Game Viewer for iOS, Android, and Web
Stars: ✭ 16 (-23.81%)
Mutual labels:  ionic
fireblogger
Ionic 2 social media microblogging platform built with firebase 3 as backend
Stars: ✭ 54 (+157.14%)
Mutual labels:  ionic
cordova-plugin-flurryanalytics
Adds support for all that Flurry Analytics flavored goodness to your Cordova based apps
Stars: ✭ 23 (+9.52%)
Mutual labels:  ionic
angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: ✭ 26 (+23.81%)
Mutual labels:  ionic
Ionic-CouchDB-chat-app
Simple chat mobile app, like whatsApp lite version
Stars: ✭ 13 (-38.1%)
Mutual labels:  ionic
onchat-web
A simple, beautiful, mobile-first instant messaging progressive web application.
Stars: ✭ 138 (+557.14%)
Mutual labels:  ionic
ionic-travis
Ionic app demo built with Travis CI
Stars: ✭ 15 (-28.57%)
Mutual labels:  ionic
ionic-docker
An ionic image for CI
Stars: ✭ 56 (+166.67%)
Mutual labels:  ionic
ionic-custom-components
🌈 Ionic Tutorial: Mastering Web Components in Ionic Framework. This repo is an Ionic project showcasing Angular custom components and Stencil custom web components.
Stars: ✭ 30 (+42.86%)
Mutual labels:  ionic
cordova-plugin-xpay
💰 This is a app payment cordova-plugin, support wechat payment and alipay temporally.
Stars: ✭ 19 (-9.52%)
Mutual labels:  ionic
ionic-level
iOS level app clone made with Angular, Ionic & Capacitor.
Stars: ✭ 19 (-9.52%)
Mutual labels:  ionic
ionic-push-php
ionic-push-php is a library that allows you to consume the Ionic Cloud API for sending push notifications (normal and scheduled), get a paginated list of sending push notifications, get information of registered devices, remove registered devices by token, ...
Stars: ✭ 20 (-4.76%)
Mutual labels:  ionic
keyonic-v2
A Keycloak Mobile Implementation using Angular v4 and Ionic v3
Stars: ✭ 23 (+9.52%)
Mutual labels:  ionic
generator-angular-pro
AngularJS project generator for scalable, enterprise-grade web and mobile applications
Stars: ✭ 43 (+104.76%)
Mutual labels:  ionic
ionic-tags-input
A ionic tags input component
Stars: ✭ 73 (+247.62%)
Mutual labels:  ionic
todo-list
TodoList using Ionic2/3 & Firebase: * PWA * SSO Google plus. * Share list via QRcode. * Upload image from Camera or Storage. * Speech Recognition.
Stars: ✭ 18 (-14.29%)
Mutual labels:  ionic

Ionic Chat

a chat app based on ionic and rongyun

This project is underdevelop and it is unrunnable for the time being.

Features

  • server code and fe code are both provided
  • automatically build dev&prod with gulp
  • support unit&e2e test with karma&jamine and protractor

File structure

ProjectName/
 ├── hooks/
 ├── node_modules/
 ├── platforms/
 ├── plugins/
 ├── scss
    ├── ionic.app.scss
    └── ...
 ├── server/
 ├── www/
    ├── assets/
    ├── prod/
    ├── dev/static
    ├── lib/
    ├── gulp/
       ├── tasks/
       ├── gulp.config.js
       ├── karma.conf.js
       ├── protratcor.conf.js
       ├── index.js
       └── README.md
    ├── module/
        ├── common/
            ├── js/
                ├── config.js
                └── ...
            ├── css/
            └── tpl/
        ├── app/ (entry)
        ├── modulename/
            ├── directives/
            ├── pages/
            ├── css/
            ├── js/
                ├── modulename.controller.js
                ├── modulename.directive.js
                ├── modulename.filter.js
                ├── modulename.module.js
                ├── modulename.route.js
                └── modulename.service.js
            └── tpl/
        └── ...
    ├── index_dev.html
    ├── index.html
    └── manifest.json
 ├──  config.xml
 ├──  ionic.project
 ├──  package.json
 ├──  gulpfile.js
 ├──  bower.json
 ├── .bowerrc
 ├── .editorconfig
 ├── .gitignore
 ├──  README.md
 └──  LICENSE

Back-End dependency

you may click build notes for more information.

  1. node with express
  2. mongodb with mongoose
  3. redis with redis-connection
  4. rongyuncloud cordova plugin
  5. turn/stun server
  6. socket.io

How to run

  1. install node/redis/mongodb
  2. set up the enviroment for android/ios
  3. install ionic. please follow the instrunction on ionicframework
  4. git clone https://github.com/pengkobe/ionic-chat.git
  5. cd /path/to/ionic-chat
  6. ionic platform add android/ios
  7. ionic build android/ios
  8. ionic emulate android/ios

How to run/debug on web browser

looks a little complicated here. just for your purpose of ajusting styles. will support one key set soon.

  • userindex.js
//initRong.init(user.rongyunToken);
  • contacts
 //init();
 initTest();
  • chatDetail
 // init();
  • just follow these commands
# notice : you should open your mongodb and redis service first
cd path/to/ionic-chat/server
node bin/www
cd ..
ionic serve

Doing

  1. hot update
  2. localstorage policy
  3. server push
  4. jwt

Todo

  1. lazy load( for H5 )
  2. compress js( special config for angular )
  3. make it beautiful and stable

Demo

a little glimpse of ionic-chat on Chrome:
ionic-chat-demo

Licence

MIT@pengkobe

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].