Nuvola Coffee Shop
Nuvola Coffee Shop, hayali bır kahve şirketi için yapılmış e-ticaret sitesi. Bu projeyi tamamen kendim tasarladım ve Next.js ve SCSS modules ile geliştirdim. Ayrıca kahve türleri ve kafeler için içerikler oluşturdum.
TEKNOLOJİ
- typescript
- next.js
- scss modules
- postgresql
- stripe
- redux
- aws cognito
Project Purpose
Nuvola Coffee Shop müşterilerin kahve siparişi verebildiği basit ama güvenli bir e-ticaret platformu olarak geliştirildi. Buradaki hedef güvenli ödeme ve kullanıcı girişi ve sipariş takibi ile iyi bir alışveriş deneyimi sunmaktı.
Stack
Hem front-end hem de back-end'i aynı ortamda ve kolayca geliştirmek için Next.js tercih ettim. CSS yönetimi için ise SCSS modules kullandım böylece yine yönetimi daha kolay olmakla birlikte css sınıf isimlerinin çakışmasını önlemiş oldum.
Kullanıcı girişi sisteminde; entegre etmenin kolaylığı, güvenirliliği ve kullanıcı hesaplarının kolay yönetimi için AWS Cognito'yu seçtimç Database olarak ise PostgreSQL ile beraber ORM yerine query ve type güvenliği için Kysely kullandım.
Alışveriş sepeti ve diğer global state yönetimi için Redux kullandım. Bu sayede uygulamadaki değişikliklerin takibi kolaylaştığı gibi performansı da iyileşmiş oldu.
Son olarak güvenli ödeme sistemi için Stripe'ı entegre ettim.
Zorluklar
Açıkçası bu proje için en büyük zorluk koddan bağımsız olarak dizayn kısmı oldu. Her şeyin mümkün olduğunca benzersiz olmasını istediğim için sitedeki tüm resim ve içerikleri kendim tasarladım.
Kod yazma ile ilgili olarak ve ikinci en büyük zorluk ise Redux'ı entegre etmek diyebilirim. Bu projeyi yaptığım sırada Redux'ı henüz hiç kullanmamıştım. Doğru şekilde kullanmak biraz vakit alsa da en sonunda tüm çabaya değdi.
Öğrendiklerim
Zorluklar bölümünde bahsettiğim gibi bu proje sayesinde Redux'ı öğrendim. Redux sayesinde uygulamanın state takibi ve geliştirilmesi çok daha kolaylaştı.
Bir başka önemli ders ise iyi şekilde organize edilmiş dosya sistemi diyebilirim. Temiz kod yazmanın ve tekrar kullanılabilir bileşenler ile oluşturmanın önemini birkez daha anladım. Bu şekilde çalışarak proje daha hızlı bitti ve süreç de daha kolay ilerledi.
diğer projeler.
patilerce.com
Evcil hayvan sahiplenme sitesi, ilanlar, topluluk ve ırk bilgileri ile mesajlaşma özellikleri.
workwise
Rol tabanlı kullanıcı erişimi, grafikler ve daha fazlasını içeren bir şirket yönetim sistemi.