Coder Social home page Coder Social logo

blacktoviche / connect Goto Github PK

View Code? Open in Web Editor NEW
11.0 2.0 3.0 8.17 MB

Connect is realtime messaging app using Ionic2/Firebase/AngularFire2/Sqlite

TypeScript 75.99% HTML 13.27% CSS 9.97% JavaScript 0.78%
ionic-framework ionic2 firebase angularfire2 sqlite typescript ionic mobile

connect's Introduction

Connect

Connect is a realtime messaging app it use firebase as an online backend and SQlite as local storage and AngularFire2 to do some connection with firebase ( login, signup etc ) There are two database a local one and online one and there are syncing between them right now I implemented syncing messages and user information so you don’t have to be online every time you want to read your old messages also you send message offline and the app came online it starts syncing ( sending & reading messages ). I used Events technique inside the app it’s the best way to implements user interface update when message arrived The backend consist of two providers ( one for firebase and the other for SQlite ) and there is a mediator provider which the view talks to and the mediator start choose the right action direction ( to the online database or the offline one )

If you want to know my story about this projct and Ionic2 you can click hear read https://forum.ionicframework.com/t/simple-chat-app-using-ionic2-angularfire2-firebase-sqlite/83358

Sql interface credit goes to (https://github.com/seand88/ionic2-sql-interface)

Plugins

Installation

  • Clone this repo
  • npm install
  • ionic lab

connect's People

Contributors

blacktoviche avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

connect's Issues

watch failed: A watch configured to watch the following paths failed to start

Hi,
Just now was trying out your project and got stuck at the following.
Let me tell you the steps I took.

  1. Got your code.
  2. npm install
  3. npm install -g cordova ionic
  4. ionic serve --lab

and got the following.

ionic serve --lab
? Looks like this is an Ionic Angular project, would you like to install @ionic/cli-plugin-ionic-angular and continue?
Yes
> npm install --save-dev --save-exact @ionic/cli-plugin-ionic-angular@latest
√ Running command - done!
[INFO] Starting app-scripts server: --lab --l --port 8100 --p 8100 --livereload-port 35729 --r 35729 --address 0.0.0.0 -
       Ctrl+C to cancel
[17:40:00]  watch started ...
[17:40:00]  build dev started ...
[17:40:00]  clean started ...
[17:40:00]  clean finished in 5 ms
[17:40:00]  copy started ...
[17:40:00]  transpile started ...
[17:40:10]  transpile finished in 9.97 s
[17:40:10]  preprocess started ...
[17:40:10]  preprocess finished in 3 ms
[17:40:10]  webpack started ...
[17:40:11]  copy finished in 11.52 s
[17:40:28]  webpack finished in 18.05 s
[17:40:28]  sass started ...
[17:40:32]  sass finished in 4.04 s
[17:40:32]  postprocess started ...
[17:40:32]  postprocess finished in 2 ms
[17:40:32]  lint started ...
[17:40:32]  build dev finished in 32.16 s
[17:40:35]  watch failed: A watch configured to watch the following paths failed to start. It likely that a file
            referenced does not exist: H:\Ionic\Connect-master\src\**\*.(ts|html|s(c|a)ss)
[17:40:35]  dev server running: http://localhost:8100/

[ERROR] app-scripts serve unexpectedly failed.settings: undefinedcontext: [object Object]

Can you help me out?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.