ByteVault
Tech-focused storefront with advanced search, secure payments, and crisp merchandising UX.
Year
2024
Role
Full-Stack Developer
Platform
Web
Status
Live
Stack
Technologies used
| Technology | Category | Purpose |
|---|
| Next.js 15 | Frontend | App Router-based React framework powering all pages and routing |
| NestJS | Backend | Modular Node.js framework providing the REST API layer |
| TypeScript | Language | Strictly typed development across the full stack |
| MongoDB | Database | NoSQL document store for products, users, orders, and licenses |
| Tailwind CSS | UI/UX | Utility-first CSS framework for responsive, dark-mode-first styling |
| shadcn/ui | UI/UX | Accessible Radix UI component primitives with Tailwind styling |
| Framer Motion | UI/UX | Declarative animation library for page transitions and micro-interactions |
| Stripe | API | Secure payment processing, checkout sessions, and webhook events |
| Cloudinary | Cloud | Image upload, transformation, and CDN delivery for product media |
| Nodemailer | Backend | Email transport for OTP, order confirmations, and contact forms |
| Mailgun | Cloud | SMTP email delivery service used with Nodemailer |
| JWT | Auth | Stateless authentication tokens stored as httpOnly cookies |
| bcrypt | Auth | Password hashing for secure credential storage |
| Class-validator | Backend | DTO-level request validation throughout NestJS modules |
| cookies-next | Frontend | SSR-compatible cookie management for auth token handling |
| Vercel | DevOps | Frontend hosting and edge deployment for the Next.js application |
What was built
Key features
Multi-variant product catalog with SKU-level pricing, stock, and digital license delivery for software, games, and OS products.
Stripe-powered checkout with real-time webhook processing for instant order confirmation and license fulfillment.
JWT cookie-based authentication with OTP email verification, password reset, and role-based access control (Admin / Customer).
Admin dashboard for full CRUD management of products, SKUs, licenses, and order fulfillment tracking.
Shopping cart and wishlist system with persistent state, quantity controls, and bulk item management.
Product reviews and star ratings with per-user control and real-time average rating updates.
Newsletter subscription and contact form backed by Mailgun SMTP email templating.
Cloudinary integration for optimized product image uploads, storage, and CDN delivery.
More work
Related projects
M1720 – Shop Center
A production-grade multi-vendor e-commerce platform with real-time chat, AI-powered recommendations, Stripe payments, and a full microservices backend — all in one Nx monorepo.
Hirfa Barber — حِرفة
A cinematic, bilingual luxury barbershop website for a 15-year-old Bethlehem institution — built with animated page transitions, scroll-driven storytelling, and a full AR/EN experience.
Cancer Reports Management System
A secure, role-based medical portal for Khaled Al-Hassan Cancer Hospital — enabling staff to manage research reports, categories, and events with granular access control.