ionic3-chat
ionic3 chat example
Running
- Clone this repository:
https://github.com/HsuanXyz/ionic3-chat.git. - Run
npm installfrom the project root. - If you do not install the ionic CLI (
npm install -g ionic) - Run
ionic servein a terminal from the project root.
App 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