Data Tunnel - Three.js

HARUN PEHLİVAN — Fri, 27 Feb 2026 22:02:49 +0000

Check out this Pen I made!

Git Command Generator

HARUN PEHLİVAN — Mon, 19 Jan 2026 14:21:00 +0000

Check out this Pen I made!

Macro Nutrient Calculator

HARUN PEHLİVAN — Fri, 26 Dec 2025 07:26:29 +0000

Check out this Pen I made!

Keyboard Tester Tool

HARUN PEHLİVAN — Wed, 17 Dec 2025 10:06:24 +0000

Check out this Pen I made!

Learn CSS: mask-composite

HARUN PEHLİVAN — Sun, 30 Nov 2025 12:45:07 +0000

Check out this Pen I made!

Speed Converter Tool

HARUN PEHLİVAN — Mon, 10 Nov 2025 15:01:39 +0000

Check out this Pen I made!

🧠 Akıllı Bilgi Arama Motoru

HARUN PEHLİVAN — Mon, 06 Oct 2025 03:18:32 +0000

Check out this Pen I made!

📶 Dijital WiFi Kart — PDF İndirilebilir

HARUN PEHLİVAN — Sun, 05 Oct 2025 16:03:06 +0000

Check out this Pen I made!

📶 Dijital WiFi Kart Oluşturucu

HARUN PEHLİVAN — Sun, 05 Oct 2025 15:58:00 +0000

🌟 Kısaca Özellik Özeti
Özellik Açıklama
🧠 AI destekli SSID/şifre/not Otomatik öneriler
🖼️ Logo / Profil Görsel ekleme & ön izleme
🔗 Sosyal Medya Facebook, Instagram, LinkedIn, WhatsApp
💾 Paylaş WhatsApp veya e-posta
🖨️ QR Kod indir PNG olarak kaydedilebilir
🌐 vCard benzeri URL Tarandığında özel dijital WiFi kartı açılır

Check out this Pen I made!

Digital Pazaar - Yazılım Ürünleri Pazarı

HARUN PEHLİVAN — Tue, 23 Sep 2025 20:58:37 +0000

App Name: Digital Pazaar
Overview

Digital Pazaar is a Turkish-focused e-commerce Magic App for sellers to upload and sell digital products related to software. Buyers can register, browse products, make purchases, and download items instantly. The app features multi-language support, responsive design, and multiple payment integrations.
Key Features

User Accounts
    Buyer and Seller registration & login
    Profile management (name, email, password, avatar)
    Role-based access: Sellers can upload/manage products; Buyers can purchase/download

Product Management
    Upload digital files (software installers, code snippets, eBooks, plugins/extensions) up to 25MB
    Product details: title, description, category, price, file attachment, tags
    Dashboard for sellers to view sales statistics and manage listings

Browsing & Search
    Product catalog with categories and filters (type, price range, tags)
    Full-text search
    Product detail pages with screenshots, descriptions, and reviews

Shopping Cart & Checkout
    Cart management (add/remove items)
    Secure checkout flow
    Automated download link generation after payment

Payment Integrations
    Stripe
    PayPal
    Iyzico
    BKM Express
    Option for “No payment integration needed” (manual payment)

Language Support
    Turkish-only UI, with an option for English version
    Language toggle switch in header

Responsive Design
    Fully responsive layout for mobile, tablet, and desktop
    Mobile-friendly navigation and product browsing

Notifications & Emails
    Email confirmations for registration, purchase receipts, and download links
    In-app notifications for order status and seller alerts

Client-Side State & Storage
    LocalStorage for cart persistence between sessions

Security & Compliance

HTTPS for secure data transmission
Basic input validation and file scanning for malware prevention

UI & Style

Clean, modern Turkish e-commerce design
Emphasis on product visuals and clear calls-to-action
Sidebar filtering panel on desktop, collapsible on mobile
Consistent color palette aligned with Turkish market aesthetics

Loops (Background & API Functions)

fetchProducts:
    GET: Retrieve product listings with filters and search
uploadProduct:
    POST: Accept product metadata and file upload
processPayment:
    POST: Handle integrations with Stripe, PayPal, Iyzico, BKM
generateDownloadLink:
    GET: Return secure, time-limited download URL post-purchase
sendEmail:
    POST: Send registration, purchase, and download emails
scheduledSalesReport:
    Scheduled daily task: Email sellers a sales summary

Technical Notes

HTML/CSS/JS frontend in an iframe, interacting via JSON loops
Stateless serverless functions, no database—use client-side state and email notifications
File uploads handled via loops, stored on cloud storage with public download URLs

Name

Digital Pazaar
Interface

Digital Bazaar is a Turkish-focused responsive e-commerce UI for selling and buying software-related digital products. The header includes a language toggle (TR/EN), logo, search bar, cart icon with badge, and user menu (login/register or profile/logout). On desktop, a left sidebar shows category filters, price range slider, and tag checkboxes; on mobile the filters panel slides in. The main area shows a grid of product cards with thumbnail, title, price, and “Add to Cart” button. Clicking a card opens a product detail page with screenshots carousel, description, price, tags, seller info, and “Buy Now” button. Sellers get an extra “My Dashboard” link: a dashboard page shows upload form (title, description, category dropdown, price, file chooser up to 25 MB, tags input), sales statistics chart, and product list with edit/delete. Cart page lists items, quantity controls, subtotal, and “Checkout” button. Checkout page collects buyer info, payment method selector (Stripe, PayPal, Iyzico, BKM Express, Manual), and a confirm button. After purchase, show thank-you page with download link. All forms have client-side validation. Cart state persists in LocalStorage. In-app notifications appear for order status and seller alerts. Emails are sent for account registration, purchase receipts, and download links. Design language is modern Turkish e-commerce with clear CTAs, consistent color palette, and mobile-friendly navigation.
fetchProducts

API Loop (GET) that takes filter and search parameters and returns paginated product listings. exampleInput:
{
search:""
category:""
tags:[]
priceMin:0
priceMax:1000
page:1
pageSize:20
}

exampleOutput:
{
products:[
0:{
id:"123"
title:"Code Snippet Pack"
price:49.99
thumbnailUrl:"https://.../thumb.png"
tags:[
0:
"plugin"
1:
"snippet"
]
}
]
total:150
}

uploadProduct

API Loop (POST) that accepts seller authentication, product metadata, and file URL, stores the file to cloud, and returns the new product record. exampleInput:
{
sellerId:"s456"
title:"Premium Theme"
description:"A modern UI theme."
category:"UI Kit"
price:29.99
fileUrl:"https://upload.temp/myfile.zip"
tags:[
0:
"theme"
1:
"UI"
]
}

exampleOutput:
{
productId:"p789"
uploadStatus:"success"
}

processPayment

API Loop (POST) that accepts order and payment method details, routes to the specified gateway (Stripe, PayPal, Iyzico, BKM) or flags manual payment, and returns a transaction result. exampleInput:

{ "orderId": "o321", "buyerId": "b654", "amount": 49.99, "currency": "TRY", "paymentMethod": "Stripe", "paymentDetails": { /* gateway fields */ } }

exampleOutput:
{
paymentStatus:"completed"
transactionId:"t987"
}

generateDownloadLink

API Loop (GET) that takes a purchased product and buyer identity, generates a time-limited secure download URL, and returns it. exampleInput:
{
orderId:"o321"
productId:"p789"
buyerId:"b654"
}

exampleOutput:
{
downloadUrl:"https://cdn.cloud/download/p789?token=abc123&expires=1680000000"
}

sendEmail

API Loop (POST) that sends transactional emails (registration, purchase receipt, download link) via SMTP or email service. exampleInput:
{
to:"user@example.com"
subject:"Your Download Link"
bodyHtml:"

Thank you...

"
}

exampleOutput:
{
messageId:"email-123@mailer"
status:"sent"
}

scheduledSalesReport

Time-triggered Loop that runs daily at 00:00 UTC, aggregates yesterday’s sales per seller, generates a summary using AI to format a brief report, and emails each seller. exampleInput:
{
date:"2024-05-01"
}

exampleOutput:
{
reportsSent:[
0:{
sellerId:"s456"
email:"seller@domain.com"
}
]
}

Experimental Gradient Editor

HARUN PEHLİVAN — Thu, 04 Sep 2025 14:16:30 +0000

scroll or use the up and down key to change shift the inner ring

AI Profile Card Generator

HARUN PEHLİVAN — Sat, 16 Aug 2025 18:55:56 +0000

Check out this Pen I made!

DEV Community: HARUN PEHLİVAN

Data Tunnel - Three.js

Git Command Generator

Macro Nutrient Calculator

Keyboard Tester Tool

Learn CSS: mask-composite

Speed Converter Tool

🧠 Akıllı Bilgi Arama Motoru

📶 Dijital WiFi Kart — PDF İndirilebilir

📶 Dijital WiFi Kart Oluşturucu

Digital Pazaar - Yazılım Ürünleri Pazarı

Experimental Gradient Editor

AI Profile Card Generator