ShopShop

Source code: https://github.com/gofhilman/shopping-cart

Website: https://shopping-cart-b3g.pages.dev/

Category:

featured

front end

web development

Language:

JavaScript

A mock shopping website built as a Single-Page Application (SPA) using React Router. Users can browse products, add them to a cart, and simulate a shopping experience. The app features a responsive design and a user-friendly interface.

Features

Single-Page Application (SPA) architecture: Navigate seamlessly without page reloads.
Product Listing: Browse a variety of products fetched from a mock API.
Search Functionality: Fuzzy search powered by Fuse.js for quick product discovery.
Shopping Cart: Add, remove, and view items in the cart with real-time updates.
Category Filtering: Filter products by categories.
Pagination: Navigate through products with pagination.
Responsive Design: Optimized for both desktop and mobile devices.
Error Handling: Graceful error pages for better user experience.

Tech stack

React 19: UI library for building interactive interfaces
Vite: Fast build tool and dev server
React Router v7: Declarative routing
Tailwind CSS v4: Utility-first CSS framework
shadcn/ui: Component library built on Radix UI and Tailwind CSS
Fuse.js: Fuzzy search functionality
Vitest: Unit testing framework
Testing Library: DOM-centric testing utilities
ESLint + Prettier: Code linting and formatting