Intermediate project

Product Catalog

A filterable, searchable product catalogue in React with URL-driven filters.

IntermediateBrief — full guide in progress
localhost:3000/product

Required skills

Complete these lessons first

Folder structure

Project tree
catalog/
└── src/
    ├── components/
    ├── hooks/
    └── pages/
Full guide in progress

The step-by-step guide for this project is being written. Use the lessons above to build it yourself — it is a great way to practise.

Possible enhancements

Infinite scroll
Server-side filtering