kaina404/flutterdouban

★ 9,108DartAudience · developerComplexity · 2/5LicenseSetup · moderate

Mindmap

mindmap
  root((FlutterDouBan))
    What it does
      Douban app replica
      90 percent UI coverage
      Real API data
    Tech Stack
      Flutter
      Dart
    Use Cases
      Flutter UI reference
      Learning project
      Component patterns
    Structure
      Folder per screen
      Custom animations
      Modified Flutter source

mindmap root((FlutterDouBan)) What it does Douban app replica 90 percent UI coverage Real API data Tech Stack Flutter Dart Use Cases Flutter UI reference Learning project Component patterns Structure Folder per screen Custom animations Modified Flutter source

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Study how to build complex Flutter UI layouts by reading through a near-complete, real-data app clone.

USE CASE 2

Use as a reference for implementing custom header animations and pull-up drawer effects in Flutter.

USE CASE 3

Learn how to organize a large Flutter project with separate folders for each major screen section.

Tech stack

DartFlutter

Getting it running

Difficulty · moderate Time to first run · 30min

Built against Flutter 2.5.3 stable, using a newer Flutter version may require code migration.

For learning and communication purposes only, commercial use is not permitted.

In plain English

FlutterDouBan is a Flutter-based replica of the Douban mobile app, built as a learning and demonstration project. Douban is a popular Chinese platform where users track, rate, and discuss books, movies, and music. This repository recreates the app's interface and structure using Flutter, a framework from Google that lets developers build apps for Android and iOS from a single codebase. According to the README, the project reproduces around 90 percent of the original app's appearance, with all the main sections present: a home feed, a books and films area, a groups section, a marketplace page, and a personal profile section. Most data shown in the app comes from real Douban API responses rather than made-up placeholder content, though some tabs use mocked data to avoid hitting API rate limits during development. The README describes the project as a good reference for Flutter learners because it covers a wide range of Flutter UI components and their combinations. Two sections of the app include visual effects built by modifying Flutter's own source code rather than relying on standard widgets: a custom header animation on the home screen and a pull-up drawer effect on the movie detail page. The codebase is organized by screen section, with separate folders for the home page, the books and films area, the groups section, the marketplace, and the personal profile. The README is primarily in Chinese, with only small portions in English. The project is marked as for learning and communication only, not for commercial use. It was built and tested against Flutter 2.5.3 on stable channel, using Dart 2.14.4, and targets both Android and iOS.

Copy-paste prompts

Prompt 1

In the FlutterDouBan codebase, show me how the custom header animation on the home screen is implemented and how I can adapt it for my own app.

Prompt 2

How is the pull-up drawer effect on the movie detail page built by modifying Flutter source code in this project?

Prompt 3

Using FlutterDouBan as a reference, how do I structure a Flutter project with separate folders for home, books, groups, marketplace, and profile?

Prompt 4

How does FlutterDouBan fetch and display real Douban API data in the books and films section, and which endpoints does it use?

Prompt 5

How do I migrate the FlutterDouBan codebase to a newer version of Flutter from 2.5.3?

Open on GitHub → Explain another repo

← kaina404 on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.