Login page template in Flutter

One of the most common thing I made in mobile development is login page. This project is boilerplate, template, or whatever you called, of basic login page. Made with Flutter.

It has standard 2 fields, username and password with toggle which can be clicked to show/hide password.

One of the problem I got as a flutter beginner is bottom overflowed by xx pixels. This problem would appear when virtual keyboard needs to be showed. Keyboard take half of our screen, if you done your layout wrong (like page that take more than half of screen), you will got bottom overflowed error.

The solution is use SingleChildScrollView in the top widget. So, when you got this error, you can scroll through our overflowed part of the page.

This project is on github –> https://github.com/rifai/flutter-login-page

Using ADB through WIFI for Android Development

Most of the time, I use emulator for android development. But, using emulator can eat my memory and slowing down my development. Doesn’t help that the fact that Android Studio also take most of my desktop resource.

Real device deployment is way to go. But, sometimes dealing with USB cable is not pleasant experience. So, the solution is using WiFi to connect with my device.

Continue reading Using ADB through WIFI for Android Development

Bolderline – Brick Matching Game

Description

Bolderline is a brand new minimalist puzzle game with colorful blocks that will challenge your brain.

Your goal is to destroy the blocks in the top left area using bricks on the bottom side. You must arrange the bricks with the same color to match the shape of the block and then connect them to destroy it!

Platform : Android, HTML5

Released : 2018

Role

I programmed a whole game from gameplay, UI, testing, level design, and integration to google play & kongregate.

I used Urho3D as game engine with angelscript as gameplay programming language & C/C++ as engine programming language.

I also integrated android version to Google Play Service with Android Studio using mixed code from C & Java(JNI).

Technology

  • Urho3D (Game Engine with Angelscript & C/C++)
  • Android Studio (Android Integration with Java & C)
  • HTML5 with Emscripten (C++ & Javascript)