Gerçek Becerileri Gösteren 20 Portfolyo Proje Fikri

En iyi portfolyo proje fikirleri, gerçek bir kişinin gerçek bir sorununu çözer, bir ya da iki beceriyi net gösterir ve bitmiştir: canlıdır, belgelenmiştir ve açıklanabilir. İnceleyenler her portfolyoya birkaç dakika ayırır; bu yüzden gerçek bir kullanıcı için çalışan bir uygulama (bir kulübün rezervasyon sistemi, kamuya açık verilerden bir pano, arkasında araştırma olan bir yeniden tasarım) ünlü bir ürünün bir klonundan daha iyidir. Aşağıda rollere göre gruplandırılmış yirmi fikir var; her birinde neyi gösterdiği, ilk olarak neyi inşa edeceğiniz ve dürüst zor kısmı yer alıyor.

Bunların hepsi, bağlantı verebileceğiniz bir web uygulaması ya da site olarak çalışır. Üç ya da dört projeniz olduğunda, bunları nasıl sunacağınızı portfolyo sitesi nasıl kurulur rehberi anlatır.

Güçlü bir portfolyo projesinde neler olur

Ön yüz geliştiricileri

1. Erişilebilir form kütüphanesi demosu

• Gösterir: Anlamsal HTML, klavye desteği, hata mesajları, ekran okuyucu testi.
• İlk versiyon: Beş yaygın form kalıbı (kayıt, adres, tarih aralığı, dosya yükleme, çok adımlı) düzgünce inşa edilmiş, her erişilebilirlik tercihini açıklayan bir sayfa ile.
• Zor kısım: Yalnızca otomatik bir denetleyiciyle değil, gerçek bir ekran okuyucuyla test etmek. Web sitenizi nasıl erişilebilir yaparsınız rehberinde bir kontrol listesi var.

2. Gerçek dünyadaki bir sayfanın yeniden yapılıp geliştirilmesi

• Gösterir: Yerleşim, duyarlı tasarım, ayrıntılara dikkat.
• İlk versiyon: Net bir sorunu olan kamuya açık bir sayfa seçin (karışık bir ders programı, kalabalık bir menü), onu yeniden inşa edin, ardından sorunu çözen bir versiyonu öncesi ve sonrası ile yayımlayın.
• Zor kısım: Saygı. Kendi metninizi ve görsellerinizi kullanın, bunun bir konsept olduğunu belirtin ve logoları kopyalamayın ya da şirketin işiymiş gibi sunmayın.

3. Hızlı kalan veri yoğun tablo

• Gösterir: Performans, sıralama, filtreleme, sayfalama, yükleme durumları.
• İlk versiyon: Kamuya açık bir veri kümesinden 10.000'den fazla satırlık, arama, filtreler ve kayıtlı görünümler içeren bir tablo.
• Zor kısım: Ölçmek. Değişikliklerinizden önce ve sonra yükleme sürelerini gösterin.

4. Çevrimdışı çalışan kontrol listesi uygulaması

• Gösterir: Service worker'lar, yerel depolama, bağlantı geri geldiğinde senkronizasyon.
• İlk versiyon: Sinyal olmadan çalışan ve bağlantı geri geldiğinde senkronize olan kontrol listeleri. Yerel ve ilerleyici web uygulamaları seçenekleri açıklar.
• Zor kısım: İki cihaz aynı listeyi düzenlediğinde senkronizasyon çakışmaları.

Tam yığın ve arka uç geliştiricileri

5. Gerçek bir küçük işletme için rezervasyon sistemi

• Gösterir: Veri modelleme, giriş, e-postalar, saat dilimleri, sınır durumları.
• İlk versiyon: Hizmetler, müsaitlik, rezervasyonlar, onay e-postaları ve bir yönetici görünümü. Rezervasyon oluşturucu temel kurulumu yapabilir, böylece zor kurallara odaklanabilirsiniz.
• Kazanabilir: İşletme kullanıyorsa, küçük bir aylık ücret.
• Zor kısım: Çift rezervasyonlar ve iptaller. Bunları nasıl önlediğinizi yazın.

6. Roller ile çok kullanıcılı müşteri portalı

• Gösterir: Kimlik doğrulama, izinler, dosya yüklemeleri, güvenlik düşüncesi.
• İlk versiyon: Müşteriler yalnızca kendi dosyalarını ve mesajlarını görür; personel her şeyi görür. Müşteri portalı nasıl kurulur ve portal oluşturucu yazılarına bakın.
• Zor kısım: Bir müşterinin diğerinin verisini göremediğini kanıtlamak. Testlerinizi yazıya ekleyin.

7. Denetim günlüğü olan envanter takipçisi

• Gösterir: İlişkisel veri, geçmiş tabloları, raporlar.
• İlk versiyon: Ürünler, stok hareketleri, düşük stok uyarıları ve kimin neyi değiştirdiğinin bir günlüğü. Envanter oluşturucu ile başlayın.
• Zor kısım: İki kişi stoğu aynı anda güncellediğinde sayımları doğru tutmak.

8. Dokümantasyonu olan herkese açık API

• Gösterir: API tasarımı, doğrulama, hız sınırlaması, dokümantasyon.
• İlk versiyon: Önemsediğiniz bir veri kümesi üzerinde anahtarlar, limitler ve bir dokümantasyon sayfası içeren küçük bir API. REST API nasıl oluşturulur yapıyı anlatır.
• Zor kısım: İyi hata mesajları. API kullanıcılarının en çok fark ettiği şey bunlardır.

9. Arka plan iş hattı

• Gösterir: Kuyruklar, yeniden denemeler, zamanlanmış işler, izleme.
• İlk versiyon: Bir CSV'yi içe aktaran, arka planda işleyen ve bitince bir rapor e-postalayan bir uygulama. Arka plan işleri nasıl çalıştırılır yazısına bakın.
• Zor kısım: Hata. Bir iş yarıda başarısız olduğunda ne olduğunu gösterin.

Veri ve analitik

10. Bir soru soran kamuya açık veri panosu

• Gösterir: Veriyi temizleme, grafik seçme, bir hikâye anlatma.
• İlk versiyon: Bir kamuya açık veri kümesi, bir net soru (“Hangi otobüs hatları en sık gecikiyor?”), üç grafik ve yazılı bir cevap. Pano oluşturucu yerleşimi halleder.
• Zor kısım: Verinin göstermediği şeyi söylemek. Boşlukları ve çekinceleri not edin.

11. Kişisel harcama analizi

• Gösterir: Kategorilendirme, zaman serileri, gizlilik bilinci.
• İlk versiyon: Bir banka dökümünü içe aktarın (herkese açık sürümde örnek ya da anonimleştirilmiş veri kullanın), otomatik kategorilendirin ve eğilimleri gösterin.
• Zor kısım: Gerçek finansal verileri asla yayımlamamak.

12. Küçük işletme KPI takipçisi

• Gösterir: İş ihtiyaçlarını metriklere çevirmek.
• İlk versiyon: Bir arkadaşınızın dükkânı ya da kulübü için: gerçekten sorduğu beş metrik, bir elektronik tablodan güncellenen. Google Sheets'i uygulamanıza nasıl bağlarsınız bağlantıyı anlatır.
• Zor kısım: Metrikleri sahibiyle birlikte seçmek, onun yerine seçmemek.

Tasarımcılar

13. Araştırmalı yeniden tasarım

• Gösterir: Kullanıcı araştırması, sorunu çerçeveleme, yineleme.
• İlk versiyon: Yerel bir hizmetin sitesini ya da uygulamasını kullanan üç kişiyle görüşün, bir sorun bulun, bir çözüm tasarlayıp test edin. Yalnızca ekranları değil, bulguları sunun.
• Zor kısım: Gerçek kullanıcılara ulaşmak. Üç kısa görüşme yeterlidir; müşteri görüşmeleri nasıl yapılır yardımcı olur.

14. Küçük bir ürün için tasarım sistemi

• Gösterir: Tutarlılık, bileşenler, dokümantasyon.
• İlk versiyon: Renkler, yazı tipleri, boşluklar, durumlarıyla on bileşen ve bunları kullanımda gösteren canlı bir sayfa.
• Zor kısım: Bunu gerçek bir üründe göstermek, yalnızca bir örnek sayfasında değil.

15. Yalnızca maket değil, çalışan bir prototip

• Gösterir: Tasarımların gerçek veriyle nasıl davrandığını anladığınızı.
• İlk versiyon: Tasarım projelerinizden birini, küçük de olsa, çalışan bir web uygulaması olarak inşa edin. Mythex gibi bir yapay zekâ uygulama oluşturucu, açıklamanızı canlı önizlemeli çalışan bir uygulamaya çevirebilir; böylece gerçek veri ve gerçek kullanıcılarla test edebilirsiniz.
• Zor kısım: Kendi yaptığınız ile bir aracın ürettiği şeyler konusunda dürüst olmak.

Ürün ve kodsuz roller

16. Sorundan yayına vaka çalışması

• Gösterir: Keşif, önceliklendirme, yayımlama.
• İlk versiyon: Parçası olduğunuz bir grupta küçük bir sorun bulun, tek sayfalık bir spesifikasyon yazın, en basit çözümü inşa edin, yayımlayın ve kullanımı ölçün. Yapay zekâ ile ürün gereksinimleri belgesi nasıl yazılır bir şablon içerir.
• Zor kısım: Gerçek bir şeyi ölçmek. “20 üyenin 12'si ilk hafta kullandı” bile bir sonuçtur.

17. Bir elektronik tabloyu değiştiren dahili araç

• Gösterir: Süreç düşüncesi, değişim yönetimi.
• İlk versiyon: Bir işte, kulüpte ya da derneğte karmaşık bir paylaşılan elektronik tabloyu basit bir uygulamaya çevirin. Elektronik tabloyu uygulamaya nasıl çevirirsiniz yazısına bakın.
• Zor kısım: İnsanları geçirmek. İnsanları geçirmek için ne yaptığınızı yazın.

18. Herkese açık yol haritalı geri bildirim portalı

• Gösterir: Kullanıcı girdisini toplama ve önceliklendirme.
• İlk versiyon: Kullanıcılar fikirleri gönderir ve oy verir; siz bunları planlandı, devam ediyor ya da tamamlandı olarak işaretlersiniz. Müşteri geri bildirim portalı nasıl kurulur yazısına bakın.
• Zor kısım: Herkesin önünde hayır demek.

Yapay zekâ odaklı projeler

19. Tek ve dar bir iş için yapay zekâ aracı

• Gösterir: Prompt tasarımı, maliyet bilinci, kötü çıktıyla başa çıkma.
• İlk versiyon: Bir tarifi alışveriş listesine çevirmek gibi tek bir görevi iyi yapmak; kaydedilmiş sonuçlar ve hataları düzeltme yolu ile. LLM API'leri nasıl kullanılır anahtarları ve maliyetleri anlatır.
• Zor kısım: Nasıl değerlendirdiğinizi göstermek: on test girdisi ve kaçını doğru yaptığı.

20. Kendi belgeleriniz üzerinde arama

• Gösterir: Geri getirme, parçalara ayırma, kaynak gösterme.
• İlk versiyon: Bir dizi kamuya açık belge yükleyin (bir kulübün kuralları, bir oyunun kılavuzu) ve soruları kaynak pasajın bağlantılarıyla yanıtlayın. RAG nedir yaklaşımı açıklar.
• Zor kısım: Cevap belgelerde yokken bunu kabul etmek.

Bir projeyi nasıl bitirir ve sunarsınız

1. Başlamadan önce gerçek bir kullanıcı seçin. Bir arkadaş, bir kulüp, eski bir işveren ya da kendiniz.
2. İki hafta içinde küçük bir versiyon yayımlayın, sonra kullanıcının söylediklerine göre geliştirin.
3. Kodu Git'e koyun. Bir yapay zekâ oluşturucuyla başlasanız bile dışa aktarın; yapay zekâyla oluşturulan uygulamada Git nasıl kullanılır bunu gösterir. (Mythex'te kod dışa aktarma ve GitHub Pro planındadır.)
4. Kodu okuyun ve anlayın. Bir yapay zekâ parçalarını yazdıysa, yapay zekâ tarafından üretilen kodu nasıl incelersiniz rehberi, onu bir mülakatta açıklayabilecek noktaya gelmenize yardımcı olur.
5. Yazın. Sorun, kullanıcı, ne inşa ettiğiniz, temel kararlar, neyin bozulduğu, sırada ne olduğu. Tek sayfa.
6. Canlı tutun. Kırık bir demo bağlantısı hiç olmamasından daha kötüdür. Her başvurudan önce bağlantılarınızı kontrol edin.

İşverenlere yönelik olmayan daha fazla fikir için yapay zekâyla yapabileceğiniz yan proje fikirleri veya web uygulaması fikirleri yazılarına bakın.

Sorular