Tools

Ikuyo: Plan Your Next Trip

It has been many months since I started this side project called Ikuyo (source code in GitHub). I think I’m now relatively satisfied with the feature set to do a write up. Ikuyo is a web application for made to help and collaborate on travels.

Features

Ikuyo currently offers the following features:

  • Planning activities, accommodations, and day plans in a timetable view
  • Viewing plans in a list view and on a map
  • Commenting on individual activities, accommodations, and day plans
  • A basic expense tracker
  • Sharing and collaboration capabilities

Timetable View

Timetable view of this example trip

In the timetable view, you can schedule your activities, accommodations, and day plans. I’ll typically start with day plans, which offer a macro-view of what to do each day. For example, perhaps day 1-3 might be for one location, and day 3-5 for another. Having an AI chatbot open in a separate tab, checking its suggestions, is incredibly helpful for planning daily activities.

After outlining the day plans, I list the specific activities in the timetable. The timetable interface is designed to be familiar, similar to Google Calendar or Microsoft Outlook. Day plans and accommodations function like “full-day events,” while activities are the actual scheduled events.

In timetable view, you can drag-and-drop the activities to reschedule them to other timings. I found this feature greatly simplifies rearranging plans.

When creating activities, you can set location coordinates, allowing them to be viewed clearly on the map. While I feel there’s room for improvement here, I’m waiting for my trip plan to evolve organically before implementing further enhancements.

List View

List view of this example trip

List view is particularly useful when going on the trip. This is because it will be focused on the day itself and it will also highlight the activity that’s active at the current time.

Sharing, Collaborations, and Comments

Additionally, you can share your trip with others (though it doesn’t currently notify them) and add comments to activities, accommodations, and day plans. Furthermore, changes will be reflected instantly. This way, one can collaborate easily on the trip.

Tech

Ikuyo is built on top of InstantDB, a real-time database. This ensures that when you collaborate with others, all updates are instatly live for everyone. The front-end is built with React, using the Radix Theme component library, Wouter for client-side routing, Zustand for the client-side store, and MapTiler for the maps. There is no separate back-end layer. The front-end connects directly to InstantDB. Consequently, my “back-end” logic is embedded either in the front-end codes, or in the database schema

Story

Initially, this project was built for planning trips together with my then-girlfriend. We’ve gone on several trips planned using this application, but there weren’t many features back then. We broke up a few months ago, and the project stalled for a while. One day, I decided to book my next trip to Japan for October this year. It will be yet another long trip, just like the Japan 2024 trip; that’s why completing this side project is now crucial for my trip planning. So far, I’m happy with the feature set, and I’ve started planning them using this application.

The project name itself is named after “Kita Ikuyo“, a character from the series Bocchi the Rock!, where her given name has same reading as “行くよ” (meaning “let’s go”).

Conclusion

When you’re about to plan for your next trip, do consider trying it on Ikuyo. If you find any issues or suggestions, let me know!

On separate post, I’ll write on the technical challenges I faced when developing this project.

Links

Nikku

19 April 2019

Nikku is my latest side project that I’ve been working on since early April 2019. It is a BRSTM player on the web.

Installing SSL Certificates to Hostinger cpanel: Automation Userscript

IMPORTANT NOTE (2020-03-31): Hostinger cpanel’s UI has changed and this script is no longer working. I do not plan to update this script anymore.

30 June 2017

When something could be automated, it will be automated!

After successfully issuing SSL certificates via Let’s Encrypt at Hostinger shared hosting account (steps here), I need to manually install them at Hostinger’s cpanel. …

Enabling free SSL on Hostinger shared hosting

Update 2023-09: It seems like Hostinger has rolled out free Let’s Encrypt SSL for all customers, even for the most basic hosting plan. This post was originally written in 2016 and kept as archive.

28 July 2016

When there is a will, there is a way!

Free SSL certificates, issued by Let’s Encrypt, have been around for quite a while. Enabling it on a shared hosting is an issue, since users cannot execute any executables (or very limited set of commands) on it.

I’ve been using premium shared hosting service from Hostinger Indonesia for few years now to host my personal website (kenrick95.org). Here are the steps required to enable Let’s Encrypt SSL on Hostinger shared hosting.