Bazaar963 Website
Sun Jun 01 2025
Next JSShadcn UITypeScriptTailwindCSSZodnext safe actionNextAuthReact Hot ToastReact Hook Form
🚗 Bazaar963 – Peer-to-Peer Vehicle Marketplace
I built and maintained Bazaar963, a dynamic P2P marketplace where users can buy, sell, and discover vehicles and services across Syria — all in one seamless digital platform. 🌍💡
🌐 Multi-language from the start
Fully localized in Arabic & English using next-intl, ensuring accessibility for a wide regional audience.
🔐 Secure & smooth authentication
Integrated OAuth (Google, etc.) and credentials login with Next-Auth v5 (beta) and next-safe-action for safe, type-safe server operations.
📸 Rich media experience
Enabled image uploads to Cloudinary with previews, optimizations, and responsive rendering — making listings more engaging and trustworthy.
🔍 Smart search & filtering
Built powerful search and filter functionality using @tanstack/react-table and custom hooks, helping users find exactly what they need in seconds.
📱 Fully responsive, mobile-first UI
Crafted with Next.js 15 and Tailwind CSS, the interface delivers lightning-fast performance and flawless usability across all devices — from phones to desktops.
✨ Polished user experience
Notifications with sonner 🎉
Image galleries via yet-another-react-lightbox 🖼️
Smooth sliders using Embla Carousel 🎥
Dark/light mode toggle with next-themes 🌓
Accessible, customizable components from Radix UI ✅
🧩 Modern tech stack & clean architecture
Forms & Validation: React Hook Form + Zod for fast, type-safe inputs
State Management: @tanstack/react-query for efficient data fetching and caching
UI Utilities: clsx, class-variance-authority, tailwind-merge for scalable styling
Developer Experience: TypeScript, ESLint, Prettier, and automated scripts for consistent, maintainable code
💼 What This Project Shows About My Skills
🚀 Full-Stack Next.js Mastery – From server actions to SSR/ISR, I leverage the full power of Next.js with Turbopack for rapid development.
🔐 Authentication Expertise – Secure, flexible auth flows using modern standards.
🎨 UI/UX Focus – Beautiful, accessible, and performant interfaces with attention to detail.
📊 Real-World Problem Solving – Built for actual user needs: discoverability, trust, and ease of use.
⚙️ Modern Tooling & Best Practices – Production-ready code with TypeScript, linting, and scalable component architecture.
🔗 Live at: www.bazaar963.com
This project reflects my passion for building impactful, user-centered web applications using the latest in React and frontend engineering. 🚀




