PromtStore Vue.js - AI Prompts & Automation Marketplace

Web3 tabanlı yapay zeka promptları ve otomasyonlarını alıp satabileceğiniz merkezi olmayan bir pazar yeri platformu - Vue.js versiyonu.

Özellikler

Kullanıcı Özellikleri

• Dual Mode: Kullanıcı ve Satıcı modları arasında geçiş
• Web3 Entegrasyonu:
  • Monad blockchain desteği
  • Wallet ile giriş (MetaMask, WalletConnect)
  • Email ile alternatif giriş
• Marketplace:
  • Gelişmiş arama ve filtreleme
  • Kategori bazlı listeleme
  • Fiverr tarzı kullanıcı deneyimi
• AI Asistan: Ürünler hakkında soru sorma özelliği (placeholder)
• Profil Yönetimi:
  • Satın alım geçmişi
  • Favoriler
  • Değerlendirmeler

Satıcı Özellikleri

• Dashboard: Kapsamlı satıcı paneli
• İlan Yönetimi:
  • Yeni ilan oluşturma
  • İlan düzenleme ve silme
  • Taslak ve aktif ilan yönetimi
• Analitik:
  • Toplam kazanç takibi
  • Satış istatistikleri
  • Görüntülenme metrikleri
• Kazanç Yönetimi: MONAD token ile gelir takibi

Teknoloji Stack

• Framework: Vue 3 (Composition API)
• Build Tool: Vite
• Language: TypeScript
• Styling: TailwindCSS
• Router: Vue Router
• State Management: Pinia
• Icons: Custom SVG Components

Kurulum

1. Bağımlılıkları yükleyin:

npm install

2. Geliştirme sunucusunu başlatın:

npm run dev

3. Tarayıcınızda açın: http://localhost:5173

Build

Production build için:

npm run build

Preview için:

npm run preview

Proje Yapısı

promtstore-vue/
├── src/
│   ├── views/              # Sayfalar
│   │   ├── Home.vue
│   │   ├── Marketplace.vue
│   │   ├── Profile.vue
│   │   ├── Seller.vue
│   │   └── ProductDetail.vue
│   ├── components/         # Komponentler
│   │   ├── Navbar.vue
│   │   ├── LoginModal.vue
│   │   ├── HeroSection.vue
│   │   ├── SearchSection.vue
│   │   ├── AIModal.vue
│   │   └── Icon.vue
│   ├── stores/            # Pinia stores
│   │   └── user.ts
│   ├── router/            # Vue Router
│   │   └── index.ts
│   ├── utils/             # Utility fonksiyonlar
│   │   └── icons.ts
│   ├── App.vue            # Ana component
│   ├── main.ts            # Entry point
│   └── style.css          # Global stiller
└── public/                # Statik dosyalar

Sayfalar

• / - Ana sayfa (Hero + Arama)
• /marketplace - Marketplace listeleme
• /profile - Kullanıcı profili
• /seller - Satıcı paneli
• /product/:id - Ürün detay sayfası

React'tan Vue'ya Dönüşüm

Bu proje orijinal Next.js + React versiyonundan Vue 3'e dönüştürülmüştür:

Temel Farklar

• State Management: useState → ref, reactive
• Props & Events: Props interface + defineProps, defineEmits
• Routing: Next.js Router → Vue Router
• Components: JSX → SFC (Single File Components)
• Icons: Lucide React → Custom SVG Components
• Styling: Aynı TailwindCSS yapısı korundu

Önemli Notlar

• AI entegrasyonu şu an placeholder'dır, backend geliştirmesi gereklidir
• Monad wallet entegrasyonu frontend tasarımıdır, gerçek blockchain bağlantısı eklenmeli
• Tüm veriler şu an static/mock verilerdir

Gelecek Geliştirmeler

1. Backend API entegrasyonu
2. Gerçek Monad blockchain bağlantısı
3. AI entegrasyonu (ChatGPT API)
4. Ödeme sistemi
5. Real-time chat sistemi
6. Gelişmiş analitik dashboard
7. NFT entegrasyonu
8. Rating ve review sistemi

Lisans

MIT

İletişim

Sorularınız için: info@promtstore.com