GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects โ†’ hsuanxyz โ†’ Ionic3 Chat

hsuanxyz / Ionic3 Chat

Licence: mit
ionic3 chat example

Programming Languages

typescript
32286 projects

Labels

chatcomponentsexampleionicionic3ionic2emojis

Projects that are alternatives of or similar to Ionic3 Chat

Ionic3 Components
A project full of ionic 3 components and samples - to make life easier :)
Stars: โœญ 1,689 (+263.23%)
Mutual labels:  components, ionic, ionic3, ionic2
Ion2 Calendar
๐Ÿ“… A date picker components for ionic2 ๏ผionic3 / ionic4
Stars: โœญ 537 (+15.48%)
Mutual labels:  components, ionic, ionic3, ionic2
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 (-96.13%)
Mutual labels:  ionic, ionic2, ionic3
ionicfirebasecrud
An example of crud with Firebase and Ionic
Stars: โœญ 15 (-96.77%)
Mutual labels:  ionic, ionic2, ionic3
ionic-parallax
Parallax Module for Ionic Framework 2+
Stars: โœญ 10 (-97.85%)
Mutual labels:  ionic, ionic2, ionic3
cordova-plugin-today-widget
Add a today widget app extension target to your cordova project.
Stars: โœญ 51 (-89.03%)
Mutual labels:  ionic, ionic2, ionic3
ionic-hockeyapp
Need HockeyApp in your Ionic application, add this package!
Stars: โœญ 19 (-95.91%)
Mutual labels:  ionic, ionic2, ionic3
fireblogger
Ionic 2 social media microblogging platform built with firebase 3 as backend
Stars: โœญ 54 (-88.39%)
Mutual labels:  ionic, ionic2, ionic3
ionic3-image-handling
In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working ionic app example you can reuse for your needs.
Stars: โœญ 35 (-92.47%)
Mutual labels:  ionic, ionic2, ionic3
Ionic Boilerplate
โœจ An Ionic Starter kit featuring Tests, E2E, Karma, Protractor, Jasmine, Istanbul, Gitlab CI, Automatic IPA and APK, TypeScript 2, TsLint, Codelyzer, Typedoc, Yarn, Rollup, and Webpack 2
Stars: โœญ 309 (-33.55%)
Mutual labels:  ionic, ionic3, ionic2
ionic-3-video-calling-using-webrtc
This is demo code of how to implement video calling in ionic 3 using webrtc
Stars: โœญ 58 (-87.53%)
Mutual labels:  ionic, ionic2, ionic3
ionic-uuchat
ๅŸบไบŽionic3๏ผŒangular4็š„ๅฎžๆ—ถ่Šๅคฉapp๏ผŒๅ…ผๅฎนweb็ซฏใ€‚่ฏฅ้กน็›ฎๅชๆ˜ฏๅ‰็ซฏ้ƒจๅˆ†๏ผŒๆ‰€ๆœ‰ๆ•ฐๆฎ้œ€่ฆ่ฏทๆฑ‚ๅŽ็ซฏๆœๅŠกๅ™จ๏ผŒ้œ€่ฆ้…ๅฅ—express-uuchat-apiไฝฟ็”จใ€‚
Stars: โœญ 14 (-96.99%)
Mutual labels:  ionic, ionic2, ionic3
angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: โœญ 26 (-94.41%)
Mutual labels:  ionic, ionic2, ionic3
ionic-socialsharing-with-deeplinking-example
Ionic Social Sharing and Deep Linking example app. Complete Ionic Tutorial with free example app! Built for Ionic 3.
Stars: โœญ 16 (-96.56%)
Mutual labels:  ionic, ionic2, ionic3
ionic3-start-theme
Ionic 3 Start Theme with 10 Pages, mock data, providers samples, Storage, Http and more...
Stars: โœญ 130 (-72.04%)
Mutual labels:  components, ionic, ionic3
sm-coal-app
่ฟ™ๆ˜ฏไธ€ไธชไฝฟ็”จIonic2ๅผ€ๅ‘็š„้›†ๆ•ฐๆฎๅฑ•็คบ๏ผŒไบคๆ˜“๏ผŒไบคๆตไบŽไธ€ไฝ“็š„APP
Stars: โœญ 21 (-95.48%)
Mutual labels:  ionic, ionic2, ionic3
ionic3-awesome
๐Ÿ˜ƒ ionic3่‡ชๅฎšไน‰็ป„ไปถๅŠๅธธ็”จไพ‹ๅญ ๆผ”็คบๅœฐๅ€
Stars: โœญ 95 (-79.57%)
Mutual labels:  ionic, ionic2, ionic3
ionic-uber-clone
Ionic 4 Taxi Booking script
Stars: โœญ 34 (-92.69%)
Mutual labels:  ionic, ionic2, ionic3
ionic3
This repository contains complete source code for Ionic 3 tutorial from https://ampersandacademy.com/tutorials/ionic-framework-3. I will try many Ionic 3 specific scripts and will write them as separate tutorial. You can follow this repo to get more tested and working script for the Ionic 3.
Stars: โœญ 21 (-95.48%)
Mutual labels:  ionic, ionic2, ionic3
Dianoia-app
Mobile (Ionic 3 - Angular 4) app about non-pharmaceutical activities and information for people with dementia.
Stars: โœญ 13 (-97.2%)
Mutual labels:  ionic, ionic2, ionic3
View All Similar Projects โž”

ionic3-chat

ionic3 chat example

DEMO

Running

  • Clone this repository: https://github.com/HsuanXyz/ionic3-chat.git.
  • Run npm install from the project root.
  • If you do not install the ionic CLI (npm install -g ionic)
  • Run ionic serve in a terminal from the project root.

App Preview

Preview

File Structure

.
โ”œโ”€โ”€ LICENSE
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ config.xml
โ”œโ”€โ”€ ionic.config.json
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ resources
โ”œโ”€โ”€ src
โ”‚   โ”œโ”€โ”€ index.html
โ”‚   โ”œโ”€โ”€ app
โ”‚   โ”‚   โ”œโ”€โ”€ app.component.ts
โ”‚   โ”‚   โ”œโ”€โ”€ app.html
โ”‚   โ”‚   โ”œโ”€โ”€ app.module.ts
โ”‚   โ”‚   โ”œโ”€โ”€ app.scss
โ”‚   โ”‚   โ””โ”€โ”€ main.ts
โ”‚   โ”œโ”€โ”€ assets
โ”‚   โ”‚   โ””โ”€โ”€ mock
โ”‚   โ”‚       โ””โ”€โ”€ msg-list.json                 * mock json
โ”‚   โ”‚   โ””โ”€โ”€ icon
โ”‚   โ”‚       โ””โ”€โ”€ favicon.ico
โ”‚   โ”‚   โ””โ”€โ”€ to-user.jpg
โ”‚   โ”‚   โ””โ”€โ”€ user.jpg
โ”‚   โ”œโ”€โ”€ components/emoji-picker               * emoji-picker component
โ”‚   โ”‚   โ””โ”€โ”€ emoji-picker.html
โ”‚   โ”‚   โ””โ”€โ”€ emoji-picker.module.ts
โ”‚   โ”‚   โ””โ”€โ”€ emoji-picker.scss
โ”‚   โ”‚   โ””โ”€โ”€ emoji-picker.ts
โ”‚   โ”œโ”€โ”€ providers
โ”‚   โ”‚   โ””โ”€โ”€ chat-service.ts                  * chat-service
โ”‚   โ”‚   โ””โ”€โ”€ emoji.ts                         * emoji-provider
โ”‚   โ”œโ”€โ”€ pipes
โ”‚   โ”‚   โ””โ”€โ”€ relative-time.ts                 * relative time pipes
โ”‚   โ”œโ”€โ”€ pages
โ”‚   โ”‚   โ”œโ”€โ”€ home
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ home.html        
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ home.scss         
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ home.ts           
โ”‚   โ”‚   โ”œโ”€โ”€ chat                             * chat page
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ chat.html                    * chat template
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ chat.scss                    * chat stylesheet
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ chat.ts                      * chat code
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ chat.module.ts               * chat module
โ”‚   โ”‚   โ””โ”€โ”€ tabs
โ”‚   โ”‚       โ”œโ”€โ”€ tabs.html
โ”‚   โ”‚       โ””โ”€โ”€ tabs.ts
โ”‚   โ”œโ”€โ”€ service-worker.js
โ”‚   โ””โ”€โ”€ theme
โ”‚       โ””โ”€โ”€ variables.scss
โ”œโ”€โ”€ tsconfig.json
โ””โ”€โ”€ tslint.json

Environment

cli packages: 

   @ionic/cli-utils  : 1.12.0
   ionic (Ionic CLI) : 3.13.1

global packages:

   Cordova CLI : 7.0.1 

local packages:

   @ionic/app-scripts : 2.1.4
   Cordova Platforms  : android 6.0.0 browser 4.1.0 ios 4.1.1
   Ionic Framework    : ionic-angular 3.7.1

System:

   ios-deploy : 1.9.1 
   ios-sim    : 6.0.0 
   Node       : v6.9.2
   npm        : 5.4.2 
   OS         : macOS Sierra
   Xcode      : Xcode 9.0 Build version 9A235
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].