KEYSVeb hazırlanma · Süni IntellektTAMAMLANDI

Duskroom

Fokus üçün pulsuz veb tətbiq: sonsuz dövr edən video, pomodoro taymeri, qeydlər və hər səs üçün mikşer. Spesifikasiya, dizayn və kod bir günə hazır.

Rol
Məhsul, dizayn, development, deploy
Müddət
Qurmağa 1 gün, ümumilikdə 4 gün
Növ
Veb tətbiq

Nəticələr

Aləti bir brauzer tabı əvəz edir
4 -> 1Aləti bir brauzer tabı əvəz edir
Boş səhifədən yayımlanmış məhsula qədər
6-7 hBoş səhifədən yayımlanmış məhsula qədər
Istifadəyə başlamaq üçün qeydiyyat addımı
0Istifadəyə başlamaq üçün qeydiyyat addımı

Stek

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Vercel
  • Google Sheets
  • Zod

/01Məsələ

Sakit otaqda diqqətimi cəmləyə bilmirəm. Sükut fikrimi toplamağa kömək etmir, əksinə, beynimi gördüyüm işlə heç bir əlaqəsi olmayan hər cür fikirlə doldurur. Ona görə də illərdir bunun öhdəsindən gəlmək üçün YouTube-da yağış səsi və ya hansısa ambient loop açıb arxa planda səsləndirirdim.

Amma bu üsul ondan əlavə nəsə lazım olan kimi işə yaramır. Taymer yoxdur, yəni Pomodoro intervallarını başqa yerdə izləməli olursan. Video səhifəsindən çıxmadan yazmaq istədiyin qeydi yerləşdirəcək bir yer də yoxdur. Səsi necə qarışdırdığını idarə etmək də mümkün deyil - yağış səsi hər şeyin üstünə həddindən artıq yüksək gəlir və yeganə səs ayarı bütün səsləri eyni anda dəyişir.

Özümün uğursuz keçən bir günortasını bütün detalları ilə təsvir edəndə çatışmayan şey aydın oldu: ambient video bir problemi həll edirdi, amma əvəzində üç yeni problem yaradırdı.

/02Yanaşma

Hər şeydən əvvəl spesifikasiya. Yazılı şəkildə üç sual verdim: bunu kim istifadə edəcək, əslində kim üçün faydalıdır və artıq mövcud olsaydı, özüm istifadə edərdimmi? Bu suallar daha uzun bir əlavə suallar siyahısına gətirib çıxardı. Funksiyaları müəyyən edən də məhz həmin siyahıya verdiyim cavablar oldu. Otaqlar, iki taymer rejimi, hər səs üçün ayrıca mikser və tam ekran görünüşü - bunların hamısı brainstorm-dan yox, həmin sənəddən ortaya çıxdı.

Sonra referanslar, ardınca isə Claude Design-da dizayn. Landing page-dən götürüləsi kifayət qədər şey var idi, otaqlar üçün isə buna kifayət qədər yaxın heç nə yox idi. Mən bunu xəbərdarlıq kimi yox, özümüzün yaratmalı olduğumuzun göstəricisi kimi qəbul etdim. Bütün saytın vizual istiqaməti ilk bir neçə saat ərzində müəyyənləşdi.

Daha sonra, hələ heç bir funksiyanı yazmağa başlamamışdan əvvəl mühit hazırlandı. Skills, təlimatlar, promptlar və layihə konteksti quruldu. AGENTS.md, CLAUDE.mdcopilot-instructions.md fayllarının hamısı eyni layihəni təsvir edir və eyni skills-lərə yönləndirirdi - setup tamamlananda ümumilikdə təxminən 42 fayl var idi. Build sessiyasının özünün problemsiz keçməsinin səbəbi də məhz bu konfiqurasiya idi: model nə etmək istədiyimizi təxmin etmirdi, artıq hazırlanmış planı icra edirdi.

/03Nəticə

Duskroom qeydiyyatsız, pulsuz veb tətbiq kimi yayımlandı. Bir otaq seçirsən və orada qalırsan: sonsuz dövr edən ambient video, saat rejimi və Pomodoro üçün fokus rejimi olan taymer, otağın daxilində qeydlər və hər səs üçün ayrıca səviyyə tənzimləməsi olan mikser. Hər otaq tam ekran rejiminə keçir və tətbiqin əsas istifadəsi də budur - Duskroom ikinci monitorda açıq qalır, iş isə birinci monitorda görülür.

Spesifikasiya, dizayn və kod bir həftəsonu gününə, təxminən altı-yeddi saata sığdı. Bunun üzərinə qurulması təxminən 42 fayl tələb edən mühit də var idi. Videolar isə mənim üçün tamamilə yeni idi: yayımlamağa dəyər üç loop əldə edənə qədər iki-üç gün alətləri öyrənməyə və promptlarla işləməyə sərf etdim. Səkkiz otaqdan üçü artıq canlıdır, qalan beşi isə kodu gözlədiyi üçün yox, videolar hazır olmadığı üçün gözləyir.

Qalereya

Üç otaq - Neon Balcony, Rain in the Ruins və Reading Room - və hər birinin kimlər üçün nəzərdə tutulduğu.
Neon Balcony otağında fokus taymeri, qeydlər və səs mikseri açıq vəziyyətdə.

FAQ

Duskroom nədir?

Fon səsi ilə daha rahat işləyənlər üçün pulsuz veb tətbiq. Otaq seçirsən və orada qalırsan: sonsuz ambient video, saat və pomodoro rejimli taymer, qeydlər və hər səs üçün ayrıca səviyyəsi olan mikşer. Qeydiyyat və quraşdırma tələb olunmur.

Duskroom nə qədər vaxt apardı?

Məhsulun özünə bir gün, başdan sona isə dörd gün getdi. Spesifikasiya, dizayn və kod təxminən altı-yeddi saat çəkdi, çünki texnologiyalar mənə tanış idi və dizayn əvvəlcədən hazır idi. Ambient videolar isə əlavə iki-üç gün çəkdi, çünki əvvəllər heç vaxt video generasiya etməmişdim.

Niyə sadəcə YouTube-dakı ambient video olmasın?

Çünki YouTube sənə sadəcə səs verir vəssalam. Orada Pomodoro intervalları üçün taymer yoxdur, videodan çıxmadan qeyd yazmaq üçün yer yoxdur və bütün səslərin səviyyəsini eyni anda dəyişən yalnız bir səs tənzimləyicisi var. Duskroom isə bu üç funksiyanın hamısını birbaşa otağın daxilinə gətirir.

Duskroom pulsuzdur?

Bəli. Qeydiyyat yoxdur, heç nə yükləməyə ehtiyac yoxdur və ödənişli paket də yoxdur. Tətbiq brauzerdə açılan bir tabda işləyir və birinci monitorda işləyərkən ikinci monitorda tam ekran rejimində açıq qalması üçün hazırlanıb.