deer - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #ai #go #android #machine-learning #rust #linux #docker #windows #awesome-list #mcp #ios #openai

deer

(★ 460)

Minimalist Flutter Todo App, built using BLoC pattern

파일 탐색기

최종 버전 다운로드 (.zip)

- - build.gradle
- build.gradle
- gradle.properties
- settings.gradle
- - deer_logo.png
- - AppFrameworkInfo.plist
  - Debug.xcconfig
  - Release.xcconfig
- - AppDelegate.h
  - AppDelegate.m
  - Info.plist
  - main.m
- - project.pbxproj
- - contents.xcworkspacedata
- - app.dart
  - colorful_app.dart
- - date_utils.dart
  - notification_utils.dart
  - string_utils.dart
- dependencies.dart
- main.dart
.gitignore
.metadata
LICENSE
pubspec.yaml
README.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/aleksanderwozniak/deer

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd deer

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Gradle (Java/Kotlin)

보통 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
JDK (Java) Java/Kotlin 프로젝트를 빌드/실행하려면 필요합니다.
Gradle 레포에 포함된 gradlew(Gradle Wrapper)를 쓰면 Gradle을 따로 설치할 필요가 없습니다.

cd android/app

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

./gradlew build

Gradle로 빌드를 진행합니다.

✅ BUILD SUCCESSFUL 메시지가 뜨면 성공입니다. build/ 폴더에 결과물이 생성됩니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">Deer</h1>

<div align="center">
  <img src="https://github.com/aleksanderwozniak/deer/blob/master/assets/images/4.0x/deer_logo.png" width=240> 
</div>

<h4 align="center">
  Minimalist Todo Planner app built around the idea of efficiency and clean aesthetic.
</h4>

<div align="center">
  <a href="https://github.com/Solido/awesome-flutter">
     <img src="https://img.shields.io/badge/awesome-flutter-52bdeb.svg?longCache=true&style=for-the-badge" alt="Awesome Flutter" />
  </a>
</div>

## Showcase

<div style="text-align: center"><table><tr>
  <td style="text-align: center">
    <img src="https://github.com/aleksanderwozniak/deer/blob/assets/deer.gif" width="223" />
  </td>
  <td style="text-align: center">
    <img src="https://github.com/aleksanderwozniak/deer/blob/assets/indi_list.png" width="250" />
  </td>
  <td style="text-align: center">
    <img src="https://github.com/aleksanderwozniak/deer/blob/assets/gold_shp_edt.png" width="250" />
  </td>
  <td style="text-align: center">
    <img src="https://github.com/aleksanderwozniak/deer/blob/assets/mint_wrk_det.png" width="250" />
  </td>
</tr></table></div>

<div align="center">
  <a href='https://play.google.com/store/apps/details?id=me.wozappz.deer&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_gb/badges/images/generic/en_badge_web_generic.png' width="300"></a>
</div>

## Development

Deer uses BLoC (Business Logic Component) pattern to manage app state. If you want to use Streams in your Flutter project, then I think this is the way to go. BLoC plays exceptionally well with Flutter's reactive nature, especially since Flutter has built-in `StreamBuilder` widget.

Each screen is splitted into 4 files:
- actions
- bloc 
- screen (UI itself)
- state

Instead of calling `setState()` in screen file, an action is pushed to bloc's input `Stream<Action>`.
Then, bloc resolves that action and updates the output `Stream<State>`. Every state update is listened to inside screen with `StreamBuilder`, which updates the UI when needed. This way we achieve clear separation of concerns.

Usually with BLoC, `Sink` is used for input Stream, and `BehaviorSubject` for output Stream.

Check those resources for more details on the pattern:
- https://youtu.be/PLHln7wHgPE
- https://youtu.be/RS36gBEp8OI

#### Using built_value
```
flutter packages pub run build_runner build --delete-conflicting-outputs
```