🧠 Yerel Üretkenlik Aracı

ProjectOS Proje Takip Paneli

Aynı anda yürütülen birden fazla yazılım projesini tek yerden yönet. Durum takibi, görev listesi, session log, AI context üretimi ve export — hepsi tek panelde, sunucu olmadan.

⚡ Uygulamayı Aç
📄 Proje Özeti
HTML · CSS · JavaScript · localStorage · SheetJS
7
Modül
5
Proje Durumu
0
Sunucu
0
Framework
∞
Yerel Depolama
Arayüz Önizlemesi

Panel görünümü,
canlı önizleme.

Sidebar'da proje ekleme formu, sol panelde filtrelenebilir proje listesi, sağda sekmeli detay görünümü.

ProjectOS — Proje Takip Paneli
ProjectOS
Proje Takip Paneli
Yeni Proje
EV Şarj Analizi v4
● Aktif ▾
Dashboard güç grafiği ekle
EPDK verisini analiz eden Python uygulaması
Proje Ekle
Projeler
JSON Dışa Aktar
JSON İçe Aktar
Tümünü Sil
🔍 Proje ara...
Tüm Durumlar ▾
EV Şarj Ekosistemi Analizi
→ Dashboard güç grafiği ekle
5 görev
3 session
E.V.C.P. DaTAker
→ Export stabil hale getir
3 görev
2 session
inerken Fiyat Takip
→ Firebase push bildirim bağla
4 görev
1 session
ProjectOS
→ PDF export gerçek dosya üret
7 görev
5 session
Genel
Görevler
Session
AI Pack
Export
EV Şarj Ekosistemi Analizi
● Aktif
# === AI CONTEXT PACK ===
PROJE: EV Şarj Ekosistemi Gelişim Analizi
DURUM: Aktif
AÇIKLAMA: EPDK verisini analiz eden Python uygulaması
SONRAKİ GÖREV: Dashboard güç grafiği ekle
AÇIK GÖREVLER: [5 görev]
SON SESSION: PDF export crash fix tamamlandı
# ===========================
📋 Context'i Kopyala
Proje Durumları

5 durum,
tam görünürlük.

Her proje bir durumla etiketlenir. Filtre ile istediğin durumu anında görüntüle.

Aktif
2
EV Şarj Analizi
→ Güç grafiği ekle
ProjectOS
→ PDF export
Sıcak
1
DaTAker
→ Export stabil et
Park
1
inerken
→ Firebase bağla
Blokeli
0
boş
Test
0
boş
Mevcut Modüller

7 modül,
tek panel.

📋
Dashboard / Proje Listesi
Projeleri kart yapısında gösterir. Durum rozeti, görev sayısı, session sayısı ve sonraki görev özeti her kartta görünür.
arama
durum filtresi
JSON backup
🔍
Proje Detay — Genel
Seçili projenin adı, durumu, açıklaması ve sonraki tek görevi düzenlenebilir formda gösterilir. Anlık kayıt ile değişiklikler anında localStorage'a yazılır.
düzenleme
anlık kayıt
✅
Görevler Sekmesi
Proje bazında görev ekleme ve silme. Her görev proje altında ayrı saklanır. Görev sayısı proje kartına yansır.
görev ekle
sil
🗓
Session Log
Çalışma oturumlarını kayıt altına al. Her session log ile hangi çalışmada ne yapıldığı geçmişe dökülerek tutulur.
log ekle
geçmiş
🤖
AI Context Pack
Seçili proje için hazır AI context metni üretir. Tek tıkla kopyala, yapay zeka asistanına yapıştır — bağlam kaybı olmadan çalışmaya başla.
context üret
kopyala
📤
Export Merkezi
Excel (SheetJS entegrasyonu tamamlandı), PDF, PPTX ve Word için içerik önizleme hazır. Gerçek dosya üretimi aşamalı ekleniyor.
Excel ✓
PDF
PPTX
Word
💾
JSON Yedekleme
Tüm proje verisini tek JSON dosyasına aktarır. İçe aktarma ile geri yükleme mümkündür. localStorage bağımlılığına karşı temel backup katmanı.
dışa aktar
içe aktar
Teknik Mimari

Saf, sade,
sıfır bağımlılık.

Sunucu yok, framework yok, veritabanı yok. Her şey yerelde, her şey transparan.

🏗
Sayfa Yapısı
HTML
Sayfa iskelet, form alanları, butonlar, sekmeler, genel yerleşim
🎨
Görsel Katman
CSS
Tema, kartlar, durum rozetleri, sekmeli panel, filtre çubuğu, export görünümü
⚙️
Mantık Katmanı
JavaScript (Vanilla)
Durum yönetimi, render akışı, olay yönetimi, export preview, localStorage arayüzü
💾
Kalıcı Depolama
localStorage
Tüm projeler, görevler, session log — tarayıcı içinde kalıcı saklanır, sunucu gerektirmez
📊
Excel Üretimi
SheetJS (XLSX)
CDN üzerinden yüklenen SheetJS ile gerçek .xlsx dosyası oluşturma, sütun formatı
📦
Dağıtım
Tarayıcı Tabanlı
Yerel web sürümü çalışıyor; masaüstü paketleme (Electron/Tauri) ikinci aşamada planlanıyor
Tamamlanan İşler

Çekirdek hazır.

✓
Temel uygulama iskeleti ve yerel web sürümü çalışır halde
✓
Yeni proje ekleme, listeleme ve detay görüntüleme
✓
Görev ekleme ve proje bazında saklama
✓
Session log ekleme ve geçmiş kayıtları görüntüleme
✓
AI Context Pack üretimi ve kopyalama özelliği
✓
Proje bilgilerini sonradan düzenleme
✓
Arama ve durum filtresi
✓
JSON dışa/içe aktarma ile temel yedekleme akışı
✓
Export sekmesi ve Excel/PDF/PPTX/Word önizleme ekranı
✓
SheetJS entegrasyonu ile gerçek Excel export
✓
Kartlar, sekmeler, durum rozetleri tasarım iyileştirmesi
✓
Filtre çubuğu ve topbar aksiyon butonları
Planlanan Geliştirmeler

Sıradaki adımlar.

Kısa Vade
Excel export akışını tam stabil hale getirmek ve kullanım akışını netleştirmek
Kısa Vade
PDF export için gerçek dosya üretimi eklemek
Kısa Vade
Word export için gerçek dosya üretimi eklemek
Orta Vade
PPTX export için yapısal sunum çıktısı üretmek
Orta Vade
Filtreyi temizle butonu ve aktif filtre etiketi eklemek
Orta Vade
Gelişmiş arama — açıklama, görev, session içinde arama
Orta Vade
Daha güçlü backup / restore akışı
Uzun Vade
Yerel web sürümünü masaüstü uygulamaya paketlemek
Dikkat Edilecek Noktalar

Riskler &
kısıtlar.

💾
localStorage Bağımlılığı
Tarayıcı tabanlı yapı localStorage'a bağlı olduğundan güçlü JSON yedekleme alışkanlığı gerektirir. Tarayıcı temizliğinde veri kaybolabilir.
📁
Tek Dosya Büyümesi
Saf JavaScript ile büyüyen uygulama zamanla tek dosya yönetimini zorlaştırabilir; modülerleştirme gerekebilir.
📤
Export Kütüphane Çeşitliliği
PDF, PPTX ve Word export için farklı kütüphaneler veya farklı üretim stratejileri gerekebilir; entegrasyon süreci iş yükü yaratabilir.
🖥
Masaüstü Paketleme
Masaüstü paketleme aşamasında dosya sistemi erişimi ve dağıtım senaryosu yeniden tasarlanmalıdır. Electron / Tauri seçimi kritik.
Mustafa Çelik tarafından geliştirilmiştir.
🔗 linkedin.com/in/mustafacelik84
Tek kullanıcı, çoklu proje · Yerel üretkenlik aracı · HTML + CSS + JS
WhatsApp'tan iletişime geç