📌 Pinterest Clone – Full Stack Proje
Bu proje, Pinterest benzeri bir görsel paylaşım platformunun full stack olarak geliştirilmiş bir klonudur. Kullanıcılar görsel yükleyebilir, pin oluşturabilir, panolar (board) yaratabilir,düzenleyebilir.
Proje hem frontend (React) hem de backend (Node.js + Express) tarafını kapsar ve modern web teknolojileri kullanılarak geliştirilmiştir.
🚀 Kullanılan Teknolojiler
FRONTEND
⚛️ React (Vite) – Modern, hızlı ve optimize edilmiş frontend geliştirme ortamı 🚀
🧠 Zustand – Global state yönetimi (auth 🔐, kullanıcı 👤, UI state 🎨)
🔄 @tanstack/react-query – API istekleri, cacheleme ve server-state yönetimi ⚡
🌐 Axios – Backend ile güvenli ve esnek HTTP iletişimi 🔗
😊 Emoji Picker – Yorum ve açıklamalarda emoji desteği 💬✨
🎨 react-colorful – Renk seçici (canvas 🖌️ / text edit ✍️ işlemleri için)
⏱️ timeago.js – Paylaşım zamanını “5 dakika önce” gibi okunabilir formatta göstermek 🕒
🧩 HTML5 / CSS3 / JavaScript (ES6+) – UI ve temel frontend yapısı 🏗️
🟢 Node.js – Sunucu tarafı JavaScript runtime ⚙️
🚏 Express.js – RESTful API geliştirme ve routing yapısı 🌐
🍃 MongoDB + Mongoose – NoSQL veritabanı ve ODM (şema & model yönetimi) 🗄️
🔐 jsonwebtoken (JWT) – Kimlik doğrulama ve yetkilendirme 🔑
🍪 cookie-parser – HTTP-only cookie yönetimi ve güvenli oturumlar 🛡️
📤 express-fileupload – Dosya yükleme işlemleri (resim, dosya vb.) 📁
🖼️ Sharp – Görsel resize, crop ve optimizasyon ⚡
☁️ ImageKit – Görsel depolama, CDN ve performans optimizasyonu 🚀
Postman ile tüm REST API endpointleri test edilmiştir.
✨ Özellikler
🔐 Kullanıcı kayıt & giriş (JWT + Cookie)
🖼️ Pin (görsel) yükleme
☁️ ImageKit üzerinden güvenli ve hızlı görsel servis edilmesi
🎨 Canvas üzerinde görsel düzenleme
📝 Metin ekleme ve stil ayarları (renk, font-size, pozisyon)
😄 Emoji picker ile emoji ekleme
📌 Board (Pano) oluşturma ve pine ekleme
❤️ Pin beğenme
🔍 Arama ve keşfet sayfası
⏱️ timeago.js ile paylaşım zaman bilgisi
⚡ React Query ile hızlı, cache’li veri yönetimi
