Skip to content

orrinzeng/ionic3-chat

 
 

Repository files navigation

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

global packages:

   @ionic/cli-utils : 1.0.0
   Cordova CLI      : 6.4.0
   Ionic CLI        : 3.0.0

local packages:

   @ionic/app-scripts              : 1.3.7
   @ionic/cli-plugin-cordova       : 1.0.0
   @ionic/cli-plugin-ionic-angular : 1.0.0
   Ionic Framework                 : ionic-angular 3.4.1


Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 58.5%
  • CSS 21.1%
  • HTML 17.8%
  • JavaScript 2.6%