Mobile application made with Meteoric

mobile
1

Hello everybody,

I am currently trying to develop mobile application with meteoric and I would love to know if some other meteor people have already implemented complete production ready mobile applications.

It would be nice to have a showcase with mobile applications made with meteor.

Best Regards,

jeangui

2

Hey there Jeangui,

I am working on an application made with Meteoric and its nearing a production release. So far, I love Meteoric and its worked for me pretty well. The only thing I’m currently fighting is with Meteor/Cordova randomly resuming from the idle state with a white screen – which there’s an open issue on GitHub.

Otherwise, I am LOVING Meteor and Meteoric. I agree that a repository highlighting mobile applications made with meteor would be helpful. The closest I’ve found was https://madewith.meteor.com/

– Jimmy Lipham

3

Hey Jimmy,

Thanks for your feedback. :smile:
I am still a little bit surprised that only you replied to my post.
Hope there are other meteor people developing mobile application with meteor and especially meteoric.

May I ask you which :

  1. meteoric elements do you use ? sidemenu ? nav ? list ?
  2. Cordova plugin do you use ? which ones gives issues ?
  3. Meteor package do you use ?

Thank you a lot

Best Regards
jeangui

4

No problem! I’m always glad to talk shop about Meteor :smile:

  1. I am using swipe lists, cards, header/footer nav, side menu, action sheets, modals, and loading screens.

  2. I am using the cordova media and capture plugins for audio recording and playback as well as taking pictures. The camera plugin gave a few issues on android getting black screens, but updating the cordova camera package specifically to 0.3.3 fixed the issue. I also use de.appplant.cordova.plugin.local-notification for displaying notifications on mobile as well as nl.x-services.plugins.calendar for getting calendar events from the phone’s calendar.

  3. ground:db, scss, autoform, iron:router, moment are what I use on mobile. I have architected my Meteor application a bit uniquely such that the desktop and mobile applications are in the same meteor project, just under different packages. That way I can control exactly which code/assets get pushed to the mobile device versus the desktop app. I also have a package that both mobile/desktop packages depend on that has shared code, collections, etc. This helps keep things separate with a degree of control that makes sense. I posted an ugly example to my GitHub at https://github.com/Compy/meteor-mobile-desktop (note: it needs a facelift, I just have to find time).

What sort of app are you wanting to work on?

– Jimmy

5

Hello Jimmy,

Thanks a lot for sharing your application structure and your return on
experience.

I am trying to build up a kind of social application that is connected to a
IoT through BLE.

I am planning to use the following package :

  • cordova : geolocation, bluetooth, notification, contact, maybe media
    as well
  • meteor : groundDB, meteoris, collection2, leaflet mainly and of course
    meteoric

I don’t know so much ionic and angular so I am learning slowly through
meteoric. :slight_smile:

Best regards

jeangui

6

Hello Jimmy,

Thanks a lot for sharing your application structure and your return on experience.

I am trying to build up a kind of social application that is connected to a IoT through BLE.

I am planning to use the following package :

  • meteoric : sidemenu, navbar, card, list, header/footer, modals
  • cordova : geolocation, bluetooth, notification, contact, maybe media as well
  • meteor : groundDB, maybe meteoris, leaflet mainly and of course meteoric

I don’t know so much ionic and angular so I am learning slowly through meteoric. :slight_smile:

Best regards

jeangui

7

I’m using meteoric for something, but not quite happy with it, but that’s maybe just down to limits of mobile web.

I’ve had various problems with z-indexes

if you do use it, you won’t be able to hit desktop with same UI.

8

what are you using for that? the slick.js integration that nick did?

9

Hello Jimmy,

I am trying to use sidemenu feature with meteoric but I don’t manage to make it work correctly.
Do you have a simple example to share ?

Thanks in advance for the help.

Jeangui

10

there are examples of sidemenu in the meteoric repo

something like this:


<template name="ionicLayout">

  {{#ionBody}}
    {{#ionSideMenuContainer side="left"}}

      {{#ionSideMenus}}
        {{#ionSideMenu side='left'}}
          {{> leftMenu}}
        {{/ionSideMenu}}
        
{{!--
        {{#ionSideMenu side='right'}}
          {{> chatRight}}
        {{/ionSideMenu}}
 --}}

      {{/ionSideMenus}}

      {{#ionSideMenuContent}}
        {{> ionNavBar class="bar-dark"}}
        {{> stats}}
        {{#ionNavView}}
          {{> yield}}
        {{/ionNavView}}

      {{/ionSideMenuContent}}

    {{/ionSideMenuContainer}}


  {{/ionBody}}
</template>

template(name="sideMenuButton")
  button.button.button-clear.pull-left(data-ion-menu-toggle="left")
    +ionIcon(icon='navicon')

template(name="leftMenu")
  div.bar.bar-header.bar-dark
    a(style="height: 100%;width: auto;z-index: 100000;", data-ion-menu-close)
      if userInfo.avatarPath
        img(style="height: 100%;width: auto;", src="{{assetServer}}{{userInfo.avatarPath}}")
    h1.title {{userInfo.username}}


  div.content.has-header
    div.list
      a(style="text-decoration: none;", href="/")
        div.item.item-icon-right(data-ion-menu-close) Home
          +ionIcon(icon="ios-arrow-right")
11

i used it for prototyping but its not ready for production

12

Hi dudeawesome

Thanks for your return on experience.
Does it mean there is no real mature solution for mobile application in the meteor ecosystem ?
Is cordova production ready ?

regards

jeangui

13

Hello dcsan,

Thanks for your help.
Finally I did find this sample in the meteoric repository.

It is working fine now.

regards,

jeangui