Web projesi

CariCep: SMMM Cari Takip Web Panel ve Tanıtım Sayfası

CariCep mobil uygulamasının tanıtım sitesi, hesap silme sayfası ve uygulama sahibinin kullandığı yönetim paneli. Müşterilerin cari işlemlerini masaüstünden yöneteceği web paneli henüz tamamlanmadı.

Yayında

Siteyi aç
CariCep tanıtım sitesinin “Otomatik tahakkuk” bölümü
CariCep’in özelliklerini ve kullanımını tanıtan web sitesi.

Genel bakış

Bu proje CariCep’in web tarafını kapsıyor. caricepsmmm.com.tr adresindeki tanıtım sitesi ürünün özelliklerini, kullanım adımlarını, Free ve Pro plan karşılaştırmasını ve sık sorulan soruları anlatıyor; uygulamayı kullanan kişi hesabını buradaki sayfadan da silebiliyor.

Aynı projedeki yönetim paneli yalnızca uygulama sahibinin kullanımı içindir: kullanıcılar, süreli Pro tanımları, mağaza tekliflerine bağlanan kampanyalar, abonelikler ve kayıtların dışa aktarılması buradan yürütülüyor. Mali müşavirlerin cari işlemlerini masaüstünden yöneteceği müşteri web paneli planlanıyor; şu an yayında değil.

Kimin için
CariCep’i inceleyen ve kullanan mali müşavirler ile muhasebe ofisleri; yönetim paneli tarafında uygulamanın sahibi.
Çözdüğü ihtiyaç
Ürünün tek bir sitede tanıtılması, hesabın web üzerinden de silinebilmesi ve kullanıcı, abonelik ve kampanyaların tek panelden yönetilmesi.

Benim rolüm

CariCep’in web tarafını Next.js, React ve TypeScript ile kurdum. Tanıtım sitesinde ürünün özelliklerini, kullanım adımlarını ve plan karşılaştırmasını anlatan bölümleri hazırladım; hesap silme sayfasını mobil uygulamanın kullandığı API’deki hesap işlemlerine bağladım.

Uygulama sahibinin kullandığı yönetim panelinde kullanıcıları, süreli Pro tanımlarını, kampanyaları ve abonelikleri izleyip yönetmeyi sağlayan ekranları geliştirdim; panel, tarayıcıya yönetici anahtarı vermeden sunucu tarafında imzalı isteklerle API’ye bağlanıyor. Müşteri web paneli henüz geliştirilmedi; şimdilik yalnızca adres ve bağlantı ayarları hazır.

Öne çıkan özellikler

  • Ortak veri kaynağı

    Hesap silme sayfası ve yönetim paneli, mobil uygulamayla aynı backend API’yi kullanıyor.

  • Hesap işlemleri

    Kullanıcı hesabını uygulamaya girmeden tanıtım sitesindeki sayfadan silebiliyor.

  • Tanıtım sitesi

    Ürünün özellikleri, kullanım adımları, Free/Pro karşılaştırması ve sık sorulan sorular tek sitede anlatılıyor.

  • Yönetim paneli

    Kullanıcı ve abonelik durumları ile kampanya tanımları panelden yönetiliyor.

Sitenin içinde ne var?

Ekran görüntüleri sitenin kendisinden alınmıştır; temsili tasarım değildir.

CariCep’in özelliklerini ve kullanımını tanıtan web sitesi.
Giriş Tanıtım sitesi ürünün ana vaadiyle açılıyor; özellikleri ve planları inceleme düğmeleri ile henüz “Yakında” olarak duran mağaza düğmeleri ilk ekranda yer alıyor.
CariCep tanıtım sitesinin “Otomatik tahakkuk” bölümü
Otomatik tahakkuk Aylık ücretin cari kartında bir kez tanımlanıp her ayın 1’inde tahakkuka dönüştüğünü anlatan Pro özellik bölümü.
CariCep tanıtım sitesinin “Cari takip” bölümü
Borç ve tahsilat görünürlüğü Dönem tahakkuku, tahsilat, kalan borç ve tahsilat oranının uygulamadaki özet ekranında nasıl görüldüğünü anlatan bölüm.
CariCep tanıtım sitesinin “Nasıl çalışır?” bölümü
Nasıl çalışır? Mükellefleri tanıtma, çalışma düzenini bir kez kurma ve tekrar eden işleri takip etme adımlarını anlatan bölüm.
CariCep tanıtım sitesinin “Raporlama ve web paneline erişim” bölümü
Dışa aktarma ve platformlar PDF cari ekstresi ve Excel dışa aktarmayı anlatan bölüm; web panelinin hazırlandığı ve yayına alındığında aynı hesapla açılacağı da burada belirtiliyor.
CariCep yönetim panelinin “Genel Bakış” ekranı
Panel — genel bakış Kullanıcı ve abonelik durumlarını toplu olarak gösteren yönetim ekranı.
CariCep yönetim panelinin “Kampanyalar” ekranı
Panel — kampanyalar Kampanya tanımlarının ve mağaza teklif eşleştirmelerinin yönetildiği ekran.

Neden böyle kuruldu?

  1. Site ve panel tek projede

    Tanıtım sitesi, hesap silme sayfası ve yönetim paneli aynı Next.js projesinde; panele yalnızca oturum açan uygulama sahibi erişiyor.

  2. Anahtar tarayıcıya verilmiyor

    Yönetim paneli API’ye sunucu tarafında imzalı isteklerle bağlanıyor; böylece tarayıcıda yönetici anahtarı bulunmuyor.

  3. Ortak API

    Hesap silme ve yönetim işlemleri mobil uygulamanın kullandığı ASP.NET Core API üzerinden yürüyor; kurallar tek yerde kalıyor.

  4. Müşteri paneli için hazırlık

    Planlanan müşteri web paneline ayrı bir alt alan adı ayrıldı, API’nin tarayıcı erişimi ayarla açılabilecek şekilde kapalı tutuluyor; sitedeki “Web Panel’e Giriş” düğmesi panel yayına alınana kadar “Yakında” olarak duruyor.

Teknoloji yığını

Web

  • Next.js
  • React
  • TypeScript

Backend (ortak API)

  • ASP.NET Core
  • PostgreSQL

Teslim

Tanıtım sitesi caricepsmmm.com.tr adresinde yayında; ürünün özellikleri, kullanım adımları, plan karşılaştırması, sık sorulan sorular ve hesap silme sayfası burada yer alıyor. Yönetim paneli yalnızca uygulama sahibinin kullanımı içindir; kullanıcılar, Pro tanımları, kampanyalar ve abonelikler buradan yönetiliyor. Mali müşavirlerin cari işlemlerini masaüstünden yöneteceği müşteri web paneli ise henüz tamamlanmadı.

Siteyi aç

Tüm projeler

İletişim

Aklınızdaki uygulamayı birlikte planlayalım.

Fikrinizi birkaç cümleyle anlatın; ihtiyacınızı netleştirip izleyebileceğimiz yolu birlikte konuşalım.

Projenizi konuşalım