First Move (11~18) - Code, Learn, Build
🧭 Career CompassDashboardProgress
Loading...
First Move (11~18) - Code, Learn, Build

Structured, level-based technology learning paths from foundational exploration to industry mastery.

Learning Domains

  • Python Programming (Active)
  • Computer Science Core
  • Web Development
  • AI & Machine Learning

Platform Architecture

  • Level-Based Progression
  • Decoupled Content Schema
  • Modular Code Execution Engine
  • Curated Official Resources

© 2026 First Move (11~18) • CODE • LEARN • BUILD. Built with Next.js App Router.

Readability & Accessibility First

🐍 React & Next.js Framework Architecture/Project 1 of 2
Saved Locally (Guest)
INTERMEDIATE PROJECTNOT STARTED ○

React Interactive Task Kanban Board

Build a drag-and-drop Kanban project management application with custom hooks and persistent local state.

0%
0 of 2 milestones complete

Project Description

Architect a modular React application featuring dynamic column management, task modal dialogs, custom state hooks, and optimistic UI updates.

Learning Objectives

  • Manage complex nested state updates cleanly.
  • Create reusable UI component hierarchies.

Technical Requirements & Specifications

### Project Overview Build an interactive drag-and-drop Kanban board UI in React.

Project Metadata

Estimated Time⏱️ ~6 Hours
Difficulty📊 intermediate
Milestone Count📋 2 Milestones

Skills Demonstrated

React 19 ComponentsuseState & useReducer HooksDrag & Drop Event APICustom React Hooks

Prerequisites

  • React Hooks & State