Techno Shop

React 18Redux ToolkitTailwind CSSFormikReact Router v6

A Persian-language (RTL) e-commerce storefront inspired by Digikala. Built with React 18, Redux Toolkit, and Tailwind CSS — featuring product browsing, filters, a persisted shopping cart, auth flows, and a full dark mode, all in right-to-left layout.

Key Features

RTL layout — Full Persian right-to-left UI across all pages and components

Product browsing — Category pages with filters, sorting, and a mobile filter drawer

Product detail — Specs table, seller info, user comments, and skeleton loading states

Shopping cart — Redux Toolkit cart slice persisted to localStorage (no backend needed)

Auth flows — Login, signup with OTP verification, and forgot-password via Formik + Yup

Dark mode — Tailwind CSS dark: class toggled via ThemeButton, persisted in localStorage

Lazy loading — Non-home pages loaded with React.lazy + Suspense for faster initial load

Notifications — react-toastify for user feedback across all interactions

Project TypePersonal

Tech StackReact 18, Redux Toolkit, Tailwind CSS, Formik, React Router v6

Features3 sections covered

Screenshots

Home & Categories

Landing page with hero banners, carousels, and circular category shortcuts. Product listing page with filters, sorting, and mobile-friendly filter drawer.

Product Detail & Cart

Single product page with specs, seller info, user comments, and skeleton loading. Shopping cart with item list, price summary, and empty-cart state — persisted to localStorage via Redux Toolkit.

Auth & Dark Mode

Login, signup with OTP, and forgot-password flows built with Formik + Yup validation. Full dark mode toggled via Tailwind's dark: class and persisted in localStorage.

All Projects