Skip to main content

Posts

Showing posts with the label angularjs

Saving user data in NoSql Firestore database

Coming from a relational database background, working with a NoSql database was interesting. It requires a slightly different way of thinking about how you store your data. More specifically, I felt that was when I was building our new hybrid app with Ionic framework and Firebase/Firestore database. Some of the features of our (my) new app were user authentication and everything the user creates in the app will be saved to the user’s credentials. Sounds simple huh? Actually, if I read that, it sounds super simple to me too, however when building the app, all the tutorials I found online on Ionic, Firebase/Firestore and AngularFire, didn’t quite explain what I wanted. So, in this post, I will be showing you the logic in an Ionic/Firebase app where, the user can signup/login make (save) notes by the userid how to retrieve all the notes saved by that user In addition to the above, almost all of the Ionic tutorials I have seen online don’t provide code samples that support their ...

Django app with an AngularJS front-end

In this post I will briefly talk about my solution to building a Django app which has an AngularJS front-end. This wasn't a major problem as such, but it did cost me some extra time when I tried to get it done, so naturally on solving this issue I felt that I should help the next programmer facing such as issue. Therefore I created a Github repo i.e. a sample project that can help anyone get started on something like this. Background I have a background in building Java web apps , I mean almost 70-80% code that I wrote for my previous jobs was in Java . So building a Java web app with an AngularJS front-end was something I knew how to do but I had a few minor hurdles when I wanted to achieve the same with a Python/Django backend. When I started working on solving this problem, I thought to myself "I wish there was a simple sample project which showed all aspects of this sort of application and how it all comes together"... and since I couldn't find a sam...

An app about the Galaxy's finest smugglers(SW): Ionic app with a Java backend

In this post we will continue the story of Cpt.Danko (Danko) and how he returned to work from 3 months of medical leave and was asked to build a mobile app about the Galaxy's finest smugglers using technologies that he knew little about. In the first part of the story we got to know how Danko built the Java backend for the app and in this part we will explore the front-end side of things i.e. the Ionic framework powered mobile app. Background In the first part of this story, Java RESTful backend for an app about the Galaxy's finest smugglers , we learned about the new project requirements that Danko had to work with, which were For his new project, Danko was asked to build an app that that shows a list of some of the  galaxy's finest smugglers   their race when we click on them  and the user should also have the ability to add a smuggler Since this was a client project, the UI for the project was already known and the first thing that Danko had to do was ...

App update, discovering Protractor(testing) and an Angularjs State machine

So for the last couple of weeks, I have not be able to update my blog or finish a couple of the posts that I started writing. Well, I have...been a bit busy, with some the following things,  Testing my app I have been using the app( iOS ) on my iPhone for the past couple of months now, which is both good and bad. The good thing is I can test it and the bad thing is, I can use it every day. Part of the reason, I started building this app is to have something that I can and like to use everyday and since I am already using it, the incentive to release it is not as high as if it were something that I could not use. Anyway I did make some good progress over the last couple of weeks, like  Delete the app from my iPhone and do a clean install: this did help me find a few simple bugs that would pop-up when the app is first installed GET AN APP ICON, FINALLY! this was a bit of a hurdle and I thanks to Fiverr  and fivercrazyguy , I finally have my app icon. The day job ...

Modifying scope variables outside it's AngularJS controller

So, work involves a fair bit of AngualrJS  from time and again and for the most part, I am lucky enough to work with pure AngularJS code, however there are times that I have to work with non-AngularJS code that is supposed to interact with AngularJS code. Please have a look at the example below to get a clearer picture of what scenario I am talking about. Now AngularJS is awesome, but it was not always around i.e. it was released recently compared to some other Javascript libraries. So at times, integrating it with an application that already has well-written javascript, can be a bit challenging. So you may think, why angular is being added to something that already has well-written javascript code? To be honest, I do not know the exact answer to this, but if I were to guess, I suppose it would be to "leverage" some of the benefits that come from using angular. Scenario Say we have an input element in the container that we name TestCtrl, as follows ...