https://github.com/ericlewis966/kawachat2-client

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.
https://github.com/ericlewis966/kawachat2-client

angular chatting-app javascript pwa typescript

Last synced: about 6 hours ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/ericlewis966/kawachat2-client
• Owner: ericlewis966
• License: mit
• Created: 2021-04-18T12:51:58.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-02-14T12:25:35.000Z (almost 2 years ago)
• Last Synced: 2023-07-19T03:08:22.319Z (over 1 year ago)
• Topics: angular, chatting-app, javascript, pwa, typescript
• Language: TypeScript
• Homepage:
• Size: 542 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Kawachat 2 PWA

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

Simple Angular 4 chat app with socket.io 

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

This project was generated with [Angular CLI](https://github.com/angular/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.

![](http://i.imgur.com/bqGF8Gv.png)

![](http://i.imgur.com/1rDosd6.png)

## Install

`$ npm install`

or if you're using yarn 

`$ yarn`

## Service Worker performance analysis

### First load without service worker:

![](http://i.imgur.com/GSfjAF4.png)

### With service worker

![](http://i.imgur.com/GfMJWm6.png)

## 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