EN JP KR
← Back to Main

ThinkFlow

Full-stack productivity app that connects memos, tasks, and retrospective posts in one workflow.

Course Project · Frontend Development Using AI (Fall 2025)

Role · Full-stack Development, Product Structuring, Workflow Design

Tech · React, TypeScript, Express, Prisma, PostgreSQL, Docker, Gemini

Links · GitHub · Planning Wiki

Project Overview

ThinkFlow is a full-stack productivity app designed to manage memos, tasks, and retrospective posts in one connected system. Instead of treating quick thoughts, actionable work, and reflection as separate tools, the project focused on preserving a continuous flow from idea to action to retrospective writing.

I worked on both product structure and implementation, building the app around shared item types and transition flows rather than isolated CRUD pages. The result was a document-style workflow where memos or posts could be promoted into tasks, and completed tasks could lead into retrospective posts.

What I Did

  • Built a full-stack web app for managing memos, posts, and tasks within a unified workflow.
  • Implemented core CRUD flows, search, sorting, pagination, and tag-based filtering across item types.
  • Designed and implemented the memo/post → task promotion flow to preserve user context during type transitions.
  • Worked on the task → retrospective post flow, including the modal-based draft generation path.
  • Structured the project with a frontend/backend/shared split and defined the product through user stories and feature specs before implementation.

Design Challenge

The main challenge was not just building separate memo, task, and post features, but connecting them through one coherent item lifecycle. Since the same product had to support quick capture, task management, tagging, and retrospective writing, the harder part was deciding what should stay shared and what should become type-specific.

I approached this by structuring the product around a common item model with task-specific detail layered on top, while keeping the UI flows aligned with transitions such as memo/post → task and task → retrospect. This made the app easier to extend without treating each feature as a disconnected screen.

Preview

ThinkFlow preview 1 ThinkFlow preview 2

Screens showing the memo/post view and task management view, designed as connected parts of a single workflow rather than separate mini-apps.