{ }
IsPool
Full-stack e-commerce platform for occupational safety equipment.
IsPool is a comprehensive digital commerce platform built for the occupational health and safety industry. Its wide product catalog — covering high-visibility vests, flame-resistant coveralls, respiratory protection, and ergonomic footwear — is presented with industry-standard filters for category, color, size, and brand. The platform serves three user groups: customers, administrators, and enterprise clients seeking wholesale or custom workwear. A three-level category hierarchy (Category → Middle → Sub) structures the entire catalog. Per-variant inventory is managed through a ProductStock model linking each product to a specific color and size combination. A canvas-based product design tool supports custom production orders: users can add and position text layers, upload image overlays, manage layer order, and export the final design via html-to-image. AI-powered background removal, a wholesale catalog page, and a special production request page support B2B workflows. Cloudinary signed uploads ensure secure image management. Payments are handled via iyzico and shipments via Horoz Kargo. The admin panel also includes coupon, hero slider, and banner management. Built on Next.js App Router, TypeScript, Prisma ORM, and PostgreSQL.
Technologies Used
teknolojiler.tsx
<div class="project-info">
<p>
This project was developed using the best tools modern web technologies offer. Each technology was carefully selected to maximize performance, security, and user experience. During development, the focus was on component-based architecture, reusable code, and optimized rendering performance.
</p>
<p>
The user interface was designed to provide a clean yet impactful visual experience. The design system is built on principles of consistency, readability, and accessibility. Modern CSS frameworks and utility tools were used to provide a strong styling foundation.
</p>
<p>
On the frontend, powerful technologies like React and Next.js provided great advantages in terms of fast load times and SEO optimization. Additionally, Tailwind CSS accelerated the design process and made development more flexible.
</p>
<p>
As a result, this technology stack forms a modern and sustainable infrastructure that supports not only today’s needs but also future scalability goals.
</p>
<p>
The project also delivers a seamless experience across all devices thanks to responsive design and a mobile-first approach. Every aspect of the design was optimized for usability and accessibility, ensuring smooth user interactions.
</p>
<p>
Performance optimizations were implemented to minimize page load times, including efficient media and image handling. This approach improves user experience while providing a solid foundation for SEO and overall site performance._
</p>
</div>
Next.js
Frontend
React
Frontend
TypeScript
Language
Prisma
Database
PostgreSQL
Database
Tailwind CSS
Frontend
Docker
DevOps
Problem
An occupational safety equipment retailer needed to serve standard retail customers and B2B/wholesale clients with custom production requests, on top of catalog browsing with color/size/brand variants.
Solution
I built a 3-level category hierarchy with color×size stock tracking via a dedicated ProductStock model, plus a canvas-based design tool (text/image layers, layer management, html-to-image export) for custom production orders, with AI-assisted background removal.
Challenges
- Representing inventory at color×size granularity without duplicating product records, while keeping admin stock updates atomic.
- Building a canvas design tool that exports pixel-accurate, production-ready images from arbitrary layered user input.
Results
- Delivered a working B2B custom-production pipeline (design → export → order) alongside the standard retail storefront.
- Integrated iyzico payments and Horoz Kargo shipping into one order pipeline serving both retail and wholesale flows.
Lessons Learned
The canvas tool underscored the value of isolating client-side rendering (layers, positions) from the export/serialization step early, so what customers see in the editor always matches the exported production file.
Let's talk about the engineering behind this
If you'd like to discuss the architecture decisions, the tech stack, or a similar technical problem, I'm happy to talk.
Get in Touch