WaterApp - A Simple Cross-Platform App

less than 1 minute read

Hello there, guys and gals! I really wanted to develop my own app from scratch this time. I decided to do thing simple and not shoot too high. This app will remind the user to drink water at intervals decided.



Which framework to choose is a difficult choise. My friend Rodde introduced me to Flutter. A cross-platform UI library which is powered by Dart, the language the folks at Google developed. I did some testing with Flutter and I gotta say I really like it!

Getting Started

Install VSCode if not already and install The Flutter plugin. Once installed, click Ctrl + Shirt + P and select “Flutter: New Project”

New Project


The starting point can be found in main.dart. Empty the file and copy the following:


import 'package:flutter/material.dart';

void main() {
  runApp(const WaterApp());

class WaterApp extends StatelessWidget {
  const WaterApp({super.key});

  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("WaterApp"),

Open the VSCode terminal and type flutter run. You should se a white background and a blue topbar with the title “WaterApp”.

Next up

Click here for all parts.