Live Chat Widget built with Firebase and Angular4 for customer support .
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode css Oct 2, 2018
docs ru Aug 29, 2018
e2e chore: initial commit from @angular/cli Sep 29, 2017
src no message Nov 13, 2018
.README.md.swp dockerized Jul 18, 2018
.angular-cli.json
.editorconfig chore: initial commit from @angular/cli Sep 29, 2017
.firebaserc first commit Oct 4, 2017
.gitignore apertura widget dopo x secondi (this.calloutTimer) Jun 14, 2018
Dockerfile dockerized Jul 18, 2018
LICENSE Create LICENSE Feb 15, 2018
README.md Update README.md Aug 21, 2018
app.component_old.css
app.component_old.ts add conv archived Nov 8, 2018
current_version.ts no message Nov 13, 2018
current_version.ts-e no message Nov 13, 2018
deploy_dev.sh no message Nov 13, 2018
deploy_prod.sh no message Nov 13, 2018
firebase.json first commit Oct 4, 2017
karma.conf.js chore: initial commit from @angular/cli Sep 29, 2017
nginx.conf dockerized Jul 18, 2018
package.json IE 11 compatibility Oct 2, 2018
protractor.conf.js chore: initial commit from @angular/cli Sep 29, 2017
tsconfig.json chore: initial commit from @angular/cli Sep 29, 2017
tslint.json no message Nov 13, 2018

README.md

chat21-web-widget

Chat21-web-widget is a Free Live Chat Widget built on Firebase with Angular5 that lets you support and chat with visitors and customers on your website. More information about web widget here : http://www.tiledesk.com

dialogo_widgetchat_2

With Chat21-web-widget you can:

  • Invite your website visitors to share feedback and suggestions to better understand their needs.
  • Answer questions from website visitors instantly to increase trust
  • Add a code snippet to your website easly
  • It's a HTML5 widget built with Google Firebase, Angular5 and Bootstrap

Features

  • Send a direct message to a preset user
  • Receive realtime support from your team
  • Form to enter the chat sentiment
  • Configure the widget with company logo and colors
  • Chat21 Web Widget is free and open source.

Prerequisites

  • Install git: https://git-scm.com/book/id/v2/Getting-Started-Installing-Git
  • Install Angular CLI with npm install -g @angular/cli. More info here https://github.com/angular/angular-cli#installation
  • A Firebase project. Create one free on https://firebase.google.com
  • "Chat21 Firebase cloud functions" installed. Instructions:https://github.com/chat21/chat21-cloud-functions

Installation

  • Clone the repository with : git clone https://github.com/chat21/chat21-web-widget <YOUR_PATH>
  • Move to the downloaded project path cd <YOUR_PATH>
  • Compile the project with npm install

For Installing the Widget on your web site read the SDK page

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 ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Build for production with : ng build --prod --base-href --output-hashing none

Widget in action

To see this widget in action you can go on 'http://chat21.org'

Deploy to AWS S3 (Optional)

Run : aws s3 sync . s3://tiledesk-widget

Or With a different AWS Profile:

Run : aws --profile f21 s3 sync . s3://tiledesk-widget

Docker

docker image build -t tiledesk-web-widget . docker run -p 4200:80 tiledesk-web-widget