The Power of Hashtags

Hashtags, you know… they always start with #, but they won’t work if you use spaces, punctuations, or other symbols.

Why should you use hashtags?

Other people, including your target audience, are following certain hashtags. So, if you’re posting Instagram content with these hashtags, then it’s likely to pop up in their feeds.

For example, if you use #style on your Instagram posts, then someone who follows that hashtag will see your post in their feed. You might gain some new followers this way.

So, including hashtags is a free way to push your content to an interested audience. …

Photo by Heather Lo on Unsplash

It’s been more than a year since I published on Medium, but these COVID-times gave me some extra time to write & code on side projects.

This post is about a tool we created internally at Appdnd (App Design & Development) in order to improve our development process.

We’re spending a lot of time building user interfaces in Bootstrap. As a result, we’re also spending a lot of time on the Bootstrap website looking at how we can achieve certain things and Googling for solutions to common problems (aligning, formatting, …). …

We’re often switching between programming languages for different projects. Most languages share the same concepts but differ in syntax or extra features that are (or are not) available. This is a go-to post for when we switch between languages and we need to refresh our knowledge.

For each of the languages, we’ll work out the same example that contains some basic language constructs, such as:

  • Interface
  • Enum
  • Class
  • Derived class (deriving from & implementing the previously mentioned class and interface)

I will also put a link at the end of this post to a Google Sheet that contains a summary…

You can spend a few days to code the forms for your next Angular project or you can generate most of the code and only spend a few hours…

If you’re interested to see how you can boost your coding performance when creating forms for the combination Angular-Bootstrap-Firebase than read on (and hopefully enjoy).

But even when you’re not using Firebase, you could use most of this procedure: you only need to replace the Firebase services with whatever service you need…

Before diving into the details, I also want to mention that I wrote some past articles in this series…

A few weeks ago I wrote an article ‘Ultimate guide to edit forms with Angular & Firebase’ where I gave a detailed procedure to develop a basic forms with the technologies:

  • Angular
  • Firebase
  • Bootstrap

In this article we’ll go 1 step further: we’ll create an interface for a form with multiple sub-forms. The data of the sub-forms will be modeled as sub-objects of the main object in our NoSQL Firestore database.

Sound complex? …

I recently wrote another medium story: Ultimate guide to edit forms with Angular & Firebase

It showed how you can implement basic forms with the technologies:

  • Angular
  • Firebase
  • Bootstrap

I tried to isolate the common & repetitive code as much as possible. But you still need to write some custom code in order to get it working for your personal project.

I created a small tool that can help you with the custom code: you can find it here.

The tool is already propagated for the ‘Product’ class from my previous guide, but feel free to change the inputs for…

Howto build an edit form & grid with Angular + Firebase + Bootstrap

Recently we were re-evaluating how we build edit forms for our projects. In order to keep myself updated with the latest technologies I took this challenge as a weekend-project. It ended up us being much more than a weekend…

In the meantime I updated this article several times, and now it is possible to create these forms for your own projects without having to write any custom code if you use our online generator: you just need copy/paste skills.

Technologies used:

  • Angular
  • Firestore (part of Firebase)
  • Bootstrap

The requirements were:

  • Basic edit form (with visual feedback for input errors)
  • A…

What is Responsive Design? Responsive Design is making sure that app-pages show well on both big screens (think desktop PC’s & laptops) as well as on smaller screens (smartphones).

For instance, in the image below you see on the left side a product form that shows correct on a big screen. On the right side you see the same form shown on a mobile device:

I was trying to find a good example of all CRUD operations(Create, Read, Update & Delete) for the combination of Flutter & Firestore.

Then I found this article from “grokonez”:

Flutter Firestore example — Firebase Firestore CRUD with ListView

I tried this example & it worked just fine. But it requires a lot of custom code. So, in order to minimize the amount of custom code I refactored this solution during the weekend. You can find it here on github.

I created a generic FirestoreService that you can just copy over into your own project. …

I’m trying to learn my 15 year old son and his nephew some basic Flutter. So, I asked them last week to try the “MDC 10X Codelabs”. They managed to get it working, but I hope to give them some extra insights with the info below:

Stateless vs Stateful widgets

When you create an app with Flutter, then you always have to create some widgets: pages or smaller parts of the UI. You will then have to derive your widget from the StatelessWidget or StatefulWidget class:

Derive from Stateless- or Stateful-Widget

Derive from StatelessWidget if the appearance of your widget does NOT change (not 100%, but that’s the easiest…

Frank Paepens

Partner at Appdnd: agency specialized in App Design & Development. Interests: technology, startups, travel & watersports.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store