Techno Shop

React 18Redux ToolkitTailwind CSSFormikReact Router v6

An English, left-to-right e-commerce storefront for tech products — phones, laptops, tablets, smartwatches, speakers, headphones and gaming — priced in USD. A fully client-side build: mock auth on localStorage, a persisted shopping cart, faceted filtering, product search, and a light/dark theme, with glassmorphism auth pages on desktop.

Key Features

English & LTR — Fully English, left-to-right UI across every page and component

Mock auth — Signup, login, logout and password reset handled entirely on the client with localStorage (no backend)

Glassmorphism auth — Modern frosted-glass login and signup pages on desktop

Responsive — Adapts cleanly from mobile to desktop

Theming — Dark and light mode

Catalog — Phones, laptops, tablets, smartwatches, speakers, headphones and gaming, all priced in USD

Persisted cart — Add products to cart with contents saved to localStorage

Filter & sort — Filter and sort products by category, price and spec-level facets

Search — Product search across the full catalog

Landing — Hero sliders and circular category shortcuts

Product pages — A dedicated page for every product, with customer comments and a technical specs table

Project TypePersonal

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

Features3 sections covered

Screenshots

Home & Storefront

Landing page with rotating hero sliders and circular category shortcuts, followed by per-category product rows and promo banners. All prices are in USD, with a search bar and theme toggle in the header.

Browsing, Filters & Search

Category listing pages with a filter sidebar (operating system, camera, storage, RAM, battery and more), sort options (best selling, lowest/highest price, newest), a live product count, and full-text product search — shown here in both dark and light mode.

Product Detail & Cart

A dedicated page per product with a key-specs table, seller and warranty info, customer reviews and a written technical review. The cart lists each item with quantity steppers, per-item guarantees, a running subtotal, and checkout — persisted to localStorage.

All Projects