jdnichollsc / ionic-starter-template

Reinventing the wheel, again! Sorry Ionic Team... but there are many newbies learning on Youtube!

Hello Universe, I'm J.D. Nicholls 👋

Open Source Contributor, Full Stack Developer. Creator of @proyecto26. I believe in Unicorns 🦄 Support me, if you do too.

I work on projects for the JS (Web, Mobile, Games, Crypto) and .NET (Web, Unity) ecosystems like InAppBrowser for React Native 📱, InAppBrowser for NativeScript 📱, Animatable 💫, MyAPI ☁️, MyApp 🤳, IonPhaser 🕹️, RestClient for Unity 🤘, phaser-kinetic-scrolling-plugin 🎥, MyBot 🤖, The Job Interview Guide 💼 and many more! 🍭🍬🍫🍦🍩🥧🍨🍰🍪🧁🍯🍧🍮

Quotes 📝

• 🌱 To be, or not to be, that's not the dilemma... Let it be!
• 🌌 The universe is order from chaos, a beautiful contradiction
• 🌎 Our comfort zone is the Earth
• 🐛 Anyone who doesn't use GitHub for inspiration is doomed to repeat the same mistakes
• 🥟 Something better than empanadas? The tickles
• 👯 Blood makes us relatives but our feelings make us a Family
• 💬 You cannot help someone who doesn't want to be helped
• 🏫 A world that doesn't care about the education of people, so people don't care about the world...
• 🧠 You are not wise because of the amount of things you say, but because of the amount of things that you keep quiet
• 🤔 When you think that the world is a lonely place, remember that you will always have yourself and it is really the only thing you need to be happy
• 💫 Sometimes the world is not ready for us... sometimes we are ahead of our times, and that is good, because it means that we are the change we want to see in the world.
• 🙏 Muchas personas han pasado por mi vida al tratar de encontrar algo especial afuera, y realmente me alegra porque me han permitido darme cuenta lo especial que soy, de que soy alguien que ve lo que otros no, y no tengo que vivir al modo que otros quieran, sino al que me haga realmente feliz, vivir para mi... así que vive tu vida y sé feliz, porque no tienes que ajustarte a nadie más que a ti mismo!
• 🔭 Para otros los errores de uno pueden parecer estúpidos, y más porque la mayoría juzga con lo que ve a primera vista, pero no hay diamante perfecto que se haya hecho sin tenerse que haber pulido bastante primero, es por eso que cagarla es bueno si aprendes de tus errores de manera temprana, si forjas unas bases solidas para luego crecer hasta donde te lo propongas, porque en cambio hay gente en la vida que cree que lo ha hecho todo perfecto, a su modo, que sus acciones no contemplan errores, y la mayoría no llegan a tener un gran propósito e impacto en la vida de otros. Aveces tienes que ser ese ejemplo, el que más ha sufrido, el que más ha caído pero que te has levantado de nuevo con la ayuda de Dios, para ser quien le enseñe a todos algo que no habían visto, sin soberbia y con la humildad de saber todo lo que te costó para llegar a donde te encuentras... así que mira con otros ojos, no te deprimas por el ahora que es temporal, concentra tus ojos en el futuro porque para eso tienes tiempo, para descubrir hasta donde podrás llegar y el impacto que tendrás en la vida de los demás, porque al final somos una pequeña luz en toda este basta oscuridad llamada Universo.

Open Talks 🎬

Other resources 🍬

• The Job Interview Guide.
• ALM (Application lifecycle management).
• Creación de aplicaciones Web utilizando las últimas tecnologías con ASP.NET (Microsoft DevCamp 2014).
• Aplicaciones en Facebook con ASP.NET MVC, Entity Framework y Facebook SDK.

Sometimes, I also blog:

• 07-Apr-2022: Testing with NestJS like a Pro
• 22-May-2020: Meet Animatable, a tiny Web Component to use WAAPI as a Component 💫
• 28-Jan-2015: Creating HTML5 games with Phaser and Visual Studio Online 🇨🇴
• 01-Jan-2015: Getting started with Babylon.js 🇨🇴
• 14-Dec-2014: Digital Animation with Blender 🇨🇴
• 13-Jul-2014: Developing Websites with Kooboo CMS 🇨🇴
• 29-Nov-2013: Knockout.js and Linq.js with ASP.NET MVC and Entity Framework to make Web Development simpler! 🇨🇴
• 27-Jul-2013: Developing HTML5 Websites and taking a look at ASP.NET MasterPages 🇨🇴
• 17-Jul-2013: Youtube API & .NET 🇨🇴
• 14-Jul-2013: User Authentication in ASP.NET 🇨🇴
• 07-Jul-2013: Real-Time Apps, HTML5 & Node.JS 🇨🇴
• 04-Jul-2013: Javascript Ajax & WebForms 🇨🇴

Social Change

Looking for a social change? Do you want to change the world? Give us a hand, Join us! ✋

Made with <3

One hand can accomplish great things, but many can take you into space and beyond! 🌌

Together we do more, together we are more ❤️

ionic-starter-template's Issues

nice app

how obfuscate?

Can we use for Ionic 3 version

Can we use for Ionic 3 version

URL parameters preventing the view to load

Hi there, we are started using your template to build a mobile app. We are having some problem with passing variables on the query string in app.js. It's working fine in ionic blank and Ionic Material projects.

Here is my sample code on app.js

.state('app.subservice', { url: "/subservice/:subserviceId/", cache: false, views: { viewContent: { templateUrl: "templates/subservice.html", controller: 'SubServiceController' } } })

The problem is when I try to access http://localhost:8100/#/app/subservice/3 or just http://localhost:8100/#/app/subservice/ it redirect back to the default state. But when I removed the "/:subserviceId" and try to access http://localhost:8100/#/app/subservice/ then it works fine.

I really appreciate your help!

Ionic 2.0 and gulp?

Hey I just updated to Ionic 2.0 and gulp doesn't seem to be rebuilding on file change. Ionic reloads when files change but gulp doesn't log any of the stuff it normally does (scripts built, templates built, etc).

Any idea? I'm a huge noob when it comes to gulp and only finally becoming moderately comfortable with Ionic :(

Estructura por componentes

Hola

Seria genial que la estrucutra trabajara por componentes, con ello al remover uno tan solo es quitar una carpeta ejemplo:

home/ home.sass home.tpl.html home.js

about/ about.sass about.tpl.html about.js

Saludos!

ionic run android failed

after doing the following:
npm install, gulp
ionic run android
Error: No platforms added to this project. Please use cordova platform add <platform>.
cordova platform add android
cordova platform add android.txt

and finally ionic run android or cordova build android after adding the platform
ionic run android.txt

i'd really appreciate it if you could help

Starter template for Ionic v2?

Starter template for Ionic v2?

Sass changes but not gulp .scss files again - ionic serve

When I change my files (.js, .html), it gulp again these files and show me the change in live preview (ionic serve). But when I change .scss files, it only update the page, but not gulp again my .scss files, forcing me to stop "ionic serve", type "gulp" process, and type "ionic serve" again. But it causes me a lot of time in .scss files changes. How could I fix it?

Thanks in advance!

A module out of date?

This happened both times I installed it (on two separate servers): errors about gulp-notify and send-notify.

I cd'd into node_modules/gulp-notify ran npm install and npm update

and same in top lvl ionic template dir.

npm install -g cordova ionic

then

npm update -g

npm install -g ionic

then I logged in with Ionic

so it's either a module out of date in my -g modules or locally not quite sure. Im also not fully sure which combination of the following worked... sorry :(

Other than 1 minor other problem, I've hit no problems so far! Great stuff!

Two template folders?

Hey man, everything working great so far! Was curious, what is the diifference b/w app/templates and www/templates. Seems app/templates is the rendered template, but www/templates still needs to be populated for a view to work. Any input?

bower install

Hi Nicholls.

Is there any more detail you can add with populating 3rd party dependencies?

I am struggling and am sure I am just not understanding gulp. Just simply adding the basic example you are using, I run bower install ionic-datepicker --save in terminal and then update my bower.json file with
"ionic-datepicker": ["dist/*.js" ]. Followed by gulp in my terminal. It will not function.

Do I still need to update/inject in my index.html file like normal as well? Inject it into my app.js file? I notice as well you have injections inside the controllers? I have been plugging them in and out of all the spots and not getting a result.

Help would be greatly appreciated. Thanks, Cameron .

Fix Auto reload (watch)

I just started with ionic and first of all I want to thank you for your great template.
I have cloned the last github version and with the lastest version of ionic (3.19.0) the browser (ionic serve) won't update to changes in the app directory.
Investigating the problem I have found a solution here: https://forum.ionicframework.com/t/ionic-cli-doesnt-run-gulp-tasks-on-ionic-serve/49085/26
and it consist on changing the line 34 of the gulpfile.js gulp.task('serve:before', ['watch']);
for gulp.task('ionic:watch:before', ['watch'])
Thank you and great work

I cannot Install you template

Hello,

I'm trying to use your awesome template but I find this error on using npm install:

npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

The link to that plugin is down and I dont know what to do: I have node-sass 4.9 installed but your templated is still requiring that specific version.

Thanks in advanced,

Alex.

More than one table in model

I have extended your project, i have added another tables into database (Items, Customers, Invoices etc) and created new Items.js, Customers.js (Its same like users.js but modified for this tables)
How to modify model.js factory to work with this situation.
Ex: Model.Items.getall() or Model.Customerc.getall()

Add .vscode to gitignore

Maybe you need add .vscode to gitignore

Update version in market

The version in the ionic market should be updated or at least specified in the description that the lastest version can be found on github

Sqlite database prepopulated on android device

Hi, the template is great and it works fine on browser but I cant check it on my device (moto g) .Basically I need load a old sqlite file (with 4 big tables) and execute some sql queries, but Im not sure how debug it . On a first view it dont load the queries on my device but works fine on chrome browser (with web databases) Please, let me know if you can recommend me some tool or solution so i can check what happens and help on the development of this great project.

Understanding the code

Hello, I am new to developing angular / ionic and I try to understand how the prepopulated database in your example works. I tried to replicate this in a minimal example, but my database is always empty when I run the code in an android emulator. Your example works in the emulator.

What steps are necessary for a prepopulated database to work?

• adding cordova-sqlite-ext via ionic plugin add link-to-git-repo
• having the database in folder \www
• accessing the database after device-ready-event

Did I miss anything out?

Any help would be much appriciated.

Sobreescribiendo Variables de Ionic

Buenos dias.
Estoy usando tu plantilla pero tengo un problema.
Necesito sobreescribir los valores de las variables sass de ionic como $dark o $royal, esto lo estoy intentando hacer desde un archivo sass ubicado en la ruta app/sass, es necesario incluirle algun tipo de configuracion extra para que lo detecte?

Db Transactions only execute in browser

Hi,

I've been using your starter template (It's great, thanks). I noticed when deployed to a device (Android) the "preload" database transactions specified do not execute unless it is in the browser.

This appears to be because we only execute the pre-defined transactions if
if (window.sqlitePlugin === undefined) {

Line 75: https://github.com/jdnichollsc/Ionic-Starter-Template/blob/master/app/js/services/sqlite.js

In the self.db method we already handle getting a database based on it being in app (and window.sqlitePlugin` being available or running in the browser. I don't think there is a need to check that the plugin is undefined before executing the preloading statements, without it, it appears to work fine.

I changed your version of the SQL Lite service to get an instance of the database, create (if not exists) a version history table, and then migrate from the current version to the new version if it is behind, this enables me to deploy SQL Updates to future versions of the app instead of running into problems later.

Cheers
Lee

Failed to load “page” resource: Could not connect to the server (iOS app)

I don't know if this is a problem directly related to this template but I'm having a strange problem with my iOS App.

In my iOS device App, I'm having the following problem after I let my app a few moment in background and return to it:

This image is from iOS device. I inspected from Safari.

I can use the app normally, and all the screens work well. But if I minimize the app pressing the home button on device, and wait a few moment and try to open again, the screens not load and I have errors similar to the errors of the screenshot. To solve this in the moment, it forces the user to close the app and open again to reload. Why does it happen? How can I solve this?

Thanks.