A modern, responsive e-commerce UI built with Next.js, Tailwind CSS, and Zustand — designed to deliver a clean and seamless shopping experience for tech-focused platforms.
- 📰 Overview
- ⚙️ Technology Used
- 👩💻 Features
- 📷 Screenshots
TechDome is an e-commerce project for tech-focused brands, emphasizing clean aesthetics and a smooth user experience. Built with Next.js and Tailwind CSS, it features a streamlined cart flow using Zustand for state management. This project demonstrates a performance-optimized front-end architecture with an intuitive design, optimized for mobile and desktop browsing alike.
- Next.js 14.2.5
- Typescript
- Lucia Auth
- shadcn UI
- Supabase
- PostgreSQL
- Prisma
- TailwindCSS
- React Query
- Zod
- Zustand
⚙️ Built with Next.js: Fast, scalable React framework optimized for server-side rendering and routing.
📦 Products Catalog: Explore products from the catalog and filter them by categories, brands, locations, and status.
🛒 Cart Management: Smooth and reactive cart experience using Zustand for global state handling.
🎨 Styled with Tailwind CSS and shadcn: Utility-first CSS framework and shadcn components for fast and responsive UI design.
📱 Fully Responsive Layout: Optimized for all screen sizes — mobile, tablet, and desktop.
🔍 Product Detail Page: Clean and informative layout to showcase tech products effectively.
🧭 Intuitive Navigation: Simple and accessible layout with clear user journey flows.
🧼 Minimalist Design: Focused on clarity, whitespace, and visual hierarchy.
Created by @andreedyson