Fashionito Next.js Shop
Fashionito is a modern, responsive fashion e-commerce frontend built with Next.js, React, and TypeScript. It features product browsing, category filtering, sorting, product detail pages, a shopping cart, and a wishlist, with persistent client-side state management.
About the project
About the Project
Fashionito is a fashion e-commerce frontend designed to demonstrate a modern shopping experience, component-based UI development, and common storefront interactions. The interface is built with Next.js, React, and TypeScript, with Tailwind CSS for styling.
Key Features
- Product listings presented as shopping cards
- Category-based product filtering
- Sorting by newest, oldest, lowest price, and highest price
- Product detail pages with product information and images
- Shopping cart with add, remove, and quantity adjustment actions
- Automatic cart total calculation
- Wishlist with add, remove, and move-to-cart actions
- Persistent cart and wishlist state using Zustand Persist
- Toast notifications for user feedback
- Supporting pages for blogs, FAQs, and contact information
Technical Highlights
- Next.js App Router for page organization
- TypeScript for data modeling and type safety
- Separate Zustand stores for cart and wishlist state
- Local JSON data for product information
- Tailwind CSS for responsive interface layouts
Project Scope
This version focuses on the frontend and client-side interactions. Product information is loaded from local data; a connected backend, database, and real payment processing have not been verified in this version.
More projects
Anima Home is a full-stack platform focused on interior design and kitchen cabinetry, built with Next.js, TypeScript, and PostgreSQL. It combines a corporate website with e-commerce capabilities and an admin dashboard, featuring project and service showcases, product and order management, one-time password (OTP) authentication, and content management. The application is hosted on Chabokan cloud infrastructure.
فولاستک
Next.jsTypeScriptDrizzle ORM / Postgre
A modern e-commerce administration dashboard built with React, TypeScript, and Tailwind CSS. It features sales and revenue analytics, interactive charts, product, order, and customer management, marketing tools, and discount campaigns. The interface includes Persian RTL support, dark mode, and a responsive layout.
داشبورد
ReactTypeScriptViteTailwind CSSReact RouterZustandRechartsReact Hook FormZodReact ToastifyReact PDF Rendererclsxtailwind-mergeVercel
ReactJavaScriptCSS