README.md

Haven App

Generated by the Very Good CLI 🤖

A Very Good Project created by Very Good CLI.

---

This is an experiment with wallhaven api made with Flutter.

Getting Started 🚀

A few resources to get you started in this project:

• wallhaven FAQ
• wallhaven API v1 Documentation
• dribbble - Wallpaper app by Ibnu SW for SLAB Design Studio
• dribbble - Wallpaper app by Siya Beniwal

For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Screenshots

Android

Home Page	Home Page - Search Filter Dialog	Wallpaper List Page

Save Page	User Page

Wall Page	Wall Page 2

Wall Page - Info Dialog	Wall Page - Save Dialog	Wall Page - Share Dialog

iOS

Home Page	Home Page - Search Filter Dialog	Wallpaper List Page

Save Page	User Page

Wall Page	Wall Page 2

Wall Page - Info Dialog	Wall Page - Save Dialog	Wall Page - Share Dialog

macOS

Home Page	Home Page - Search Filter Dialog	Wallpaper List Page

Save Page	User Page

Wall Page	Wall Page 2

Wall Page - Info Dialog	Wall Page - Save Dialog	Wall Page - Share Dialog

Linux

Home Page	Home Page - Filter	Home Page - Pagination

Wall Page	Wall Page - Info	Wall Page - Share

Save Page

Windows

Home Page	Home Page - Search Filter Dialog	Wallpaper List Page

Save Page	User Page

Wall Page	Wall Page - Info Dialog

Wall Page - Save Dialog	Wall Page - Share Dialog

*Haven App works on Android, iOS, macOS, Linux and Windows.

---

Running Tests 🧪

To run all unit and widget tests use the following command:

$ flutter test --coverage --test-randomize-ordering-seed random

To view the generated coverage report you can use lcov.

# Generate Coverage Report
$ genhtml coverage/lcov.info -o coverage/

# Open Coverage Report
$ open coverage/index.html

---

Working with Translations 🌐

This project relies on flutter_localizations and follows the official internationalization guide for Flutter.

Adding Strings

1. To add a new localizable string, open the app_en.arb file at lib/l10n/arb/app_en.arb.

{
    "@@locale": "en",
    "counterAppBarTitle": "Counter",
    "@counterAppBarTitle": {
        "description": "Text shown in the AppBar of the Counter Page"
    }
}

2. Then add a new key/value and description

{
    "@@locale": "en",
    "counterAppBarTitle": "Counter",
    "@counterAppBarTitle": {
        "description": "Text shown in the AppBar of the Counter Page"
    },
    "helloWorld": "Hello World",
    "@helloWorld": {
        "description": "Hello World Text"
    }
}

3. Use the new string

import 'package:haven_app/l10n/l10n.dart';

@override
Widget build(BuildContext context) {
  final l10n = context.l10n;
  return Text(l10n.helloWorld);
}

Adding Supported Locales

Update the CFBundleLocalizations array in the Info.plist at ios/Runner/Info.plist to include the new locale.

    ...

    <key>CFBundleLocalizations</key>
	<array>
		<string>en</string>
		<string>es</string>
	</array>

    ...

Adding Translations

1. For each supported locale, add a new ARB file in lib/l10n/arb.

├── l10n
│   ├── arb
│   │   ├── app_en.arb
│   │   └── app_es.arb

2. Add the translated strings to each .arb file:

app_en.arb

{
    "@@locale": "en",
    "counterAppBarTitle": "Counter",
    "@counterAppBarTitle": {
        "description": "Text shown in the AppBar of the Counter Page"
    }
}

app_es.arb

{
    "@@locale": "es",
    "counterAppBarTitle": "Contador",
    "@counterAppBarTitle": {
        "description": "Texto mostrado en la AppBar de la página del contador"
    }
}

Generating Translations

To use the latest translations changes, you will need to generate them:

1. Generate localizations for the current project:

flutter gen-l10n --arb-dir="lib/l10n/arb"

Alternatively, run flutter run and code generation will take place automatically.