Asana clone app

An Asana clone application as a portfolio project, built with real-time communication with WebSockets and seamless updates with Optimistic UI.

• Live Demo
• Storybook

Development Environment

• Node.js 24.13.0
• pnpm 10.33.4

Set up safe-chain

curl -fsSL https://github.com/AikidoSec/safe-chain/releases/latest/download/install-safe-chain.sh | sh

Installation

npm install -g corepack@latest
corepack enable pnpm
pnpm install
pnpm lefthook install

Set up a project

Follow the setup documentation for both frontend and backend to configure this project:

• Frontend Setup
• Backend Setup

Claude Code

To provide instructions for Claude Code, document them in AI_INSTRUCTIONS.md and run the /ai_instructions command.

Example

Create the AI_INSTRUCTIONS.md file in the root folder and document the instructions like so:

## Overview
Migrate code from Recoil to Jotai.

## Implementation Details
Use commit c491a94f as a reference for this work.

### Target Directory
- apps/nextjs/src/store/entities/task

### Target Files
 - atom.ts
 - hooks folder

### Implementation Notes
- Skip if atom.ts doesn't exist.

In Claude Code, run the /ai_instructions command.