Full Stack2024

TeknoPazar

fullstack e-commerce site for a modem and cable adapter recycling business, with an admin panel and product wizard.

TeknoPazar screenshot 1
TeknoPazar screenshot 2
TeknoPazar screenshot 3
TeknoPazar screenshot 4
TeknoPazar screenshot 5
TeknoPazar screenshot 6

Problem

A recycling business (modem and cable adapters) needed a dedicated sales website and a simple way to manage products. Generic tools were either too complex or lacked category, brand and image workflows tailored to their inventory.

Solution

I built a fullstack Next.js 15 app with a 6-step product wizard (category, basic info, status/brand/tags, price/stock, specifications, images) and live preview, drag-and-drop image reordering and uploads to AWS S3. The admin panel uses JWT (jose), role-protected routes and Zod-validated APIs. The storefront includes category and brand browsing, search, product detail with image zoom and markdown descriptions, newsletter signup and legal pages.

Result

The business got a single place to list and sell inventory. The wizard and Zod validation cut product-add time and input errors. S3 and the admin panel gave them control over product images and catalog without spreadsheets or external tools.

Tech stack

Next.jsReactPostgreSQLTailwind CSSAWS S3ZodRadix UIReact Hook FormTanStack TableJWT (jose)
View live siteView on GitHubView more on GitHub