Author: admin

So far the app really looks crappy. But to be honest I follow the very same pattern in my job. Sometimes it’s hard to convince people that it will look better later on. One can waste so much time in making the stuff nice and shiny (and if you only focus on a small piece… Continue reading Typolino – Add Style

What should happen when you complete a lesson? It would be nice to track the completeness of a session. We can later extend this by tracking the time it took to complete a lesson – but first we need a strategy. Data Model We can’t add the progress to the actual lesson. We need to… Continue reading Typolino – Store progress

Okay, maybe I should have added that before. But if it should ever be possible to use the tool online we need a possibility to register new users. I think typolino should support 3 ways: email / password email link anonymous Enable Anonymous This needs to be enabled in the Firebase console. Registration Page Now… Continue reading Typolino – User Registration

Now that we have the authentciation part covered we can focus on the authorization. Protect Routes To protect the routes we can use Angular Fire built in guards. They are easy to use (CanActivate guards). Basically you could write your own with ease as well. The code below does two things: Note: at the time… Continue reading Typolino – Authorization

In order to track the progress of the individual lessons and to keep some statistics we need a user to attach them to. It is really easy to add authentication to a Firebase app. You can choose among the most popular proviers like Facebook, Google and Twitter. I’ll use the email / password option as… Continue reading Typolino – Authentication

Now let’s finalize the PoC! There are so many approaches to write software. What worked best for me so far is to start with the basics and make sure everything works. Name it evolutionary prototyping with the main focus on integrating most of the stuff horizontally. PrimeNg I’ don’t want to focus on styling the… Continue reading Typolino – PoC

Now that everything works so far we should focus on adding some functionality. First of all: how should the data be stored? Model The model should be rather simple. I need a list of lessons and each lesson has a bunch of questions / words. Usually I start by defining a sample document directly in… Continue reading Typolino – Define Model and Code

Next step is to connect the Angular application with Firebase. This should be rather straight forward. add the npm package configure the environment test the connectivity Add Firebase modules ng add @angular/fire Actually I just realized that adding @angular/fire will do some stuff we already did before. Not an issue but I had to cleanup… Continue reading Typolino – Add Firebase to our Angular application

First things first. I try to document how I have setup my project. If you want to follow the steps for your own project, let’s first list what you need as a prerequisite: Node (I have 10.15.3 installed) A Firebase account (I think a Google account is sufficent and you will have it already –… Continue reading Typolino – Setting up the project

Because of the Corona virus I’m at home – almost all the time. #stayhome. I have two kids which can’t go to Kindergarten these days and I was wondering if there is any good online training for kids to learn to type & read. To be fair, I haven’t looked around much. But the first… Continue reading Typolino