เปรียบเทียบ AI Coding ฉบับคนเป็น Dev

Create a Sora 2 AI video watermark remover by using these tech stack

Requirements : You have to read entire reuquirements and showing my plan if I accept then you will implement it.

# Front end Tech Stack

- bun as javascript runtime
- Next.JS 16 + Typescript
- Zustand as stage management
- CSS framework : Tailwind CSS + DaisyUI
- axios as http client
- This frontend will be connect with these backend.
- backend will be connect by reading Backend section

# Backend

- This backend will be this and this is reference https://github.com/linkedlist771/SoraWatermarkCleaner
- explore their endpoints and connect with frontend

# User Journey

- When user enter your website user will see a upload video section
- User click "Remove Watermark!" and it will be send to Backend
- Polling to get result
- if success show a removed watermark sora 2 video if failed show a alert modal

{"openapi":"3.1.0","info":{"title":"FastAPI","version":"0.1.0"},"paths":{"/api/v1/get_queue_status":{"get":{"summary":"Get Queue Status","operationId":"get_queue_status_api_v1_get_queue_status_get","responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/QueueStatusResponse"}}}}}}},"/api/v1/submit_remove_task":{"post":{"summary":"Submit Remove Task","operationId":"submit_remove_task_api_v1_submit_remove_task_post","parameters":[{"name":"cleaner_type","in":"query","required":false,"schema":{"$ref":"#/components/schemas/CleanerType","default":"lama"}}],"requestBody":{"required":true,"content":{"multipart/form-data":{"schema":{"$ref":"#/components/schemas/Body_submit_remove_task_api_v1_submit_remove_task_post"}}}},"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/v1/get_results":{"get":{"summary":"Get Results","operationId":"get_results_api_v1_get_results_get","parameters":[{"name":"remove_task_id","in":"query","required":true,"schema":{"type":"string","title":"Remove Task Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{"$ref":"#/components/schemas/WMRemoveResults"}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/api/v1/download/{task_id}":{"get":{"summary":"Download Video","operationId":"download_video_api_v1_download__task_id__get","parameters":[{"name":"task_id","in":"path","required":true,"schema":{"type":"string","title":"Task Id"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/assets/{asset_path}":{"get":{"summary":"Get Asset","operationId":"get_asset_assets__asset_path__get","parameters":[{"name":"asset_path","in":"path","required":true,"schema":{"type":"string","title":"Asset Path"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}},"/{full_path}":{"get":{"summary":"Spa","operationId":"spa__full_path__get","parameters":[{"name":"full_path","in":"path","required":true,"schema":{"type":"string","title":"Full Path"}}],"responses":{"200":{"description":"Successful Response","content":{"application/json":{"schema":{}}}},"422":{"description":"Validation Error","content":{"application/json":{"schema":{"$ref":"#/components/schemas/HTTPValidationError"}}}}}}}},"components":{"schemas":{"Body_submit_remove_task_api_v1_submit_remove_task_post":{"properties":{"video":{"type":"string","format":"binary","title":"Video"}},"type":"object","required":["video"],"title":"Body_submit_remove_task_api_v1_submit_remove_task_post"},"CleanerType":{"type":"string","enum":["lama","e2fgvi_hq"],"title":"CleanerType"},"HTTPValidationError":{"properties":{"detail":{"items":{"$ref":"#/components/schemas/ValidationError"},"type":"array","title":"Detail"}},"type":"object","title":"HTTPValidationError"},"QueueStatusResponse":{"properties":{"summary":{"$ref":"#/components/schemas/QueueSummary"},"current_task_id":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Current Task Id","description":"当前正在运行的任务ID"},"waiting_queue":{"items":{"$ref":"#/components/schemas/QueueTaskInfo"},"type":"array","title":"Waiting Queue","description":"排队中的任务列表"}},"type":"object","required":["summary"],"title":"QueueStatusResponse"},"QueueSummary":{"properties":{"is_busy":{"type":"boolean","title":"Is Busy","description":"当前是否正在处理任务"},"queue_length":{"type":"integer","title":"Queue Length","description":"当前排队等待的任务数量"},"total_active":{"type":"integer","title":"Total Active","description":"活跃任务总数 (进行中 + 排队中)"}},"type":"object","required":["is_busy","queue_length","total_active"],"title":"QueueSummary"},"QueueTaskInfo":{"properties":{"id":{"type":"string","title":"Id"},"status":{"type":"string","title":"Status"},"percentage":{"type":"integer","title":"Percentage"},"video_path":{"type":"string","title":"Video Path"},"created_at":{"anyOf":[{"type":"string","format":"date-time"},{"type":"null"}],"title":"Created At","description":"任务创建时间"}},"type":"object","required":["id","status","percentage","video_path"],"title":"QueueTaskInfo"},"Status":{"type":"string","enum":["UPLOADING","QUEUED","PROCESSING","FINISHED","ERROR"],"title":"Status"},"ValidationError":{"properties":{"loc":{"items":{"anyOf":[{"type":"string"},{"type":"integer"}]},"type":"array","title":"Location"},"msg":{"type":"string","title":"Message"},"type":{"type":"string","title":"Error Type"}},"type":"object","required":["loc","msg","type"],"title":"ValidationError"},"WMRemoveResults":{"properties":{"percentage":{"type":"integer","title":"Percentage"},"status":{"$ref":"#/components/schemas/Status"},"download_url":{"anyOf":[{"type":"string"},{"type":"null"}],"title":"Download Url"}},"type":"object","required":["percentage","status"],"title":"WMRemoveResults"}}}}