← All projects

Onboarding and Sign In

An onboarding flow followed by a sign-in screen, with email and password validation and clear error messages.

Type
Personal project
Year
2023
Stack
FlutterForm validation

Overview

A Flutter app focused on the first minutes of a user's experience: an onboarding that introduces the product, followed by a sign-in screen with clear validation. These two flows appear in almost every app, so getting them right is worth practicing on their own.

What the app does

  • Onboarding presentation introducing the app and its main features.
  • Navigation to sign in once onboarding is complete.
  • Field validation on email and password:
    • valid email format;
    • password requirements;
    • clear error messages pointing to what needs fixing.
Onboarding
Onboarding
Sign in
Sign in
Sign in with validation
Sign in with validation

Technical decisions

  • Built with plain Flutter and no extra dependencies, to keep the focus on layout, navigation and validation logic.
  • Written following Clean Code principles, with a user-friendly design as a goal from the start.