home blog services creations projects


The development of Apkes

reading time around 3 minutes · published on 2022-08-25 · 562 words

This post is also available in Indonesian.

Have you used web apps?

You may have used web apps on your phone or laptop without knowing about it, but web apps are basically just websites designed to be like an app.

What is Apkes?

Apkes is a blend of “aplikasi” and “kesehatan”, which means “app” and “health” respectively in Indonesian. The app is built with the Svelte framework and other things such as Tailwind to make development as fast as possible in two weeks or so.

Apkes screenshot
A screenshot of Apkes. Yes, I had to type this post at night due to me going places.

Indonesian was the only language that is supported, though it now supports English thanks to internationalization in Svelte. Other languages can be added as well through a pull request on the Codeberg repository.

The inspiration for the web app actually came from meditation apps and such.

I intentionally made it simple so that it’s lightweight as possible and easy to maintain if I decide to add new things (hopefully).

As with my other projects like this website, Apkes is open-source — anyone can view the source code to see how it works, see the source code on Codeberg.

Steps of making it

There are many things that are used behind the scenes — all of which are open-source — such as

Furthermore, I also tested the app with my laptop and my phone with Chromium and Firefox. I don’t have the chance to test it on Apple devices — or WebKit-based browsers — but it should work.

How it actually works

The features are separated as Svelte components in order not to clutter things.

Unlike other frameworks, Svelte compiles the app so that it can run quickly in the browser.

Currently, the translations are not embedded in the app, but rather getting the appropriate translation on-demand according to the browser language settings.

After all of that, the app will work without an internet connection — until you refresh the page — as all data is stored locally in the browser.

Features in Apkes

Currently, there are just 3 features (also known as “widgets”) — Suggestions, Quotes, and Reflection.

Issues while developing

Of course, like any software development, issues can happen at any time. Here’s the thing: be patient, calm down, and try to find the solution. Still can’t find the solution? Leave it for a while, then come back whenever you’re ready.

The results…

You can see it for yourself — give the web app a try by going to https://apkes.linerly.tk

Feedbacks, ideas, and other things would be appreciated either in the Codeberg repository (in the Issues section) or sending it directly to me. :)