Mobile application made with Meteoric


#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