How to add push notifications to a progressive web app
Posted in Javascript on November 21, 2018
This is the second post on building progressive web apps using the new Vue CLI 3. Push notifications will be introduced to create a native app experience. Push notifications require quite some work compared to using the Browser's Notification API as we did so far. We need to setup a backend and add functionality to subscribe for push notifications. In addition, we also need to create a listener in the service worker to be able to show push notifications. Ready? Let's go!
Read more
Build a progressive web app using Vue CLI 3
Posted in Javascript on October 19, 2018
Progressive web apps are great! Benefits are a wide reach because they are 'just' websites and pop up in search results. Moreover, they are very reliable, fast and engaging. Therefore we will explore how to develop a progressive web app using the latest technology: Vue with the new command line tool @vue/cli and plugins. In this post we quickly scaffold the app and add PWA support. Then we focus on sending notifications using the Notifications API.
Read more
How to create a good design as a developer
Posted in Development on October 8, 2018
I’m a developer, not a designer. But my customers expect the web applications, online platforms, websites and administrative panels I build for them to look at least ‘fine’. For big projects I usually work together with real designers, but in smaller projects there isn’t always a design budget. Still our applications should look nice and our customers should be happy to work with them. In this post, I will describe the design guidelines I use for the most important aspects of a layout: grid, fonts, margins and colors. Then I will apply them to an app that was recently developed by my colleague.
Read more
Deploying a Vue single page app on Laravel Forge
Posted in Javascript on September 19, 2018
Recently we implemented a single page application in Vue. For local development we simply work on our machine using a node dev-server. However, when it is time to go public with the app, we need a deployment strategy. In this post I will explain our setup for a single page application created with Vue and how we deploy the app to a server using Laravel Forge.
Read more
Building a basic admin panel using Laravel (3) – Authorization
This is the last part of a blog series on building a basic admin panel. Although there are many admin packages available, including Laravel’s own Spark package, we experienced that it’s also very easy to an admin panel yourself. We defined three major topics that are found in all admin panels that we have build. We started with the authentication of users (part 1) and continued with basic CRUD operation (part 2). In this third part the focus is on authorization: in an admin panel there are often users with different roles. Each user role may have access to different parts of the admin panel and is allowed to perform specific actions.
Read more