All Projects → avatsaev → Kawachat2 Client

avatsaev / Kawachat2 Client

Licence: mit
Angular 4 Chat App using Socket.IO 2.0

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Kawachat2 Client

Angular Contacts App Example
Full Stack Angular PWA example app with NgRx & NestJS
Stars: ✭ 570 (+470%)
Mutual labels:  socket-io, pwa, angular4
Ghchat
📱A chat application for GitHub. React + PWA + Node(koa2) + Typescripts + Mysql + Socket.io
Stars: ✭ 791 (+691%)
Mutual labels:  chat, socket-io, pwa
Fuel Price
⛽ Check fuel prices daily in most of the states in India
Stars: ✭ 20 (-80%)
Mutual labels:  pwa-apps, pwa
Qr Code Scanner
📠 A simple, fast and useful progressive web application
Stars: ✭ 982 (+882%)
Mutual labels:  pwa-apps, pwa
Prestashop
Free PWA & SPA for PrestaShop
Stars: ✭ 59 (-41%)
Mutual labels:  pwa-apps, pwa
Aaronvandenberg.nl
⚛️ Web Developers portfolio build with Gatsby.js & React.js
Stars: ✭ 98 (-2%)
Mutual labels:  socket-io, pwa
Yesplaymusic
高颜值的第三方网易云播放器,支持 Windows / macOS / Linux
Stars: ✭ 12,981 (+12881%)
Mutual labels:  pwa-apps, pwa
Tyloo Chat
vue + nestjs IM即时通讯聊天室(仿wechat)
Stars: ✭ 54 (-46%)
Mutual labels:  chat, socket-io
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+565%)
Mutual labels:  pwa-apps, pwa
Visdial Amt Chat
[CVPR 2017] AMT chat interface code used to collect the Visual Dialog dataset
Stars: ✭ 68 (-32%)
Mutual labels:  chat, socket-io
Deckdeckgo
The web open source editor for presentations
Stars: ✭ 1,117 (+1017%)
Mutual labels:  pwa-apps, pwa
Pwa Badge
Badging for PWA app icons, Like Native Apps
Stars: ✭ 78 (-22%)
Mutual labels:  pwa-apps, pwa
Flutter Cinema
Learn to create flutter app with BLoC Architecture
Stars: ✭ 26 (-74%)
Mutual labels:  pwa-apps, pwa
Angular Chat
(IM App)Chat App built using Angular and Socket.io
Stars: ✭ 12 (-88%)
Mutual labels:  chat, socket-io
Websocket Chat
Websocket based group chat app built with socket.io and react.
Stars: ✭ 689 (+589%)
Mutual labels:  chat, socket-io
Mean Angular4 Chat App
MEAN stack with Angular 4 Chat App
Stars: ✭ 41 (-59%)
Mutual labels:  chat, angular4
Chat Engine
Object oriented event emitter based framework for building chat applications in Javascript.
Stars: ✭ 87 (-13%)
Mutual labels:  chat, socket-io
Ionic Pwa Toolkit
Build lightning fast Progressive Web Apps with zero config and best practices built-in. Go from zero to production ready with Ionic and Stencil (Web Components).
Stars: ✭ 629 (+529%)
Mutual labels:  pwa-apps, pwa
Laravel Video Chat
Laravel Video Chat using Socket.IO and WebRTC
Stars: ✭ 646 (+546%)
Mutual labels:  chat, socket-io
Ng Toolkit
⭐️ Angular tool-box! Start your PWA in two steps! Add Serverless support for existing projects and much more
Stars: ✭ 1,116 (+1016%)
Mutual labels:  pwa-apps, pwa

Kawachat 2 PWA

License: MIT

Simple Angular 4 chat app with socket.io

Live demo: https://kawachat2.surge.sh/

This project was generated with Angular CLI version 1.1.0.

The server is available here: https://github.com/avatsaev/kawachat2-server

It features Route Lazy Loading and Angular Service Worker for local caching, no need to run an http server once the service worker cached the app.

Install

$ npm install

or if you're using yarn

$ yarn

Service Worker performance analysis

First load without service worker:

With service worker

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run npm run pwa-build to build the project in AoT and Production mode with the Angular Service Worker for local caching. The build artifacts will be stored in the dist/ directory.

Use a simple http server to serve the static assets from dist folder:

ex: http-server ./dist

The app is available at http://localhost:8080

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].