---
layout: default
title: Search and filter
---

# Search and filter

> Nelisa needs to find sales data statistics quickly.

Create a search bar:

* that works without using any client-side JavaScript;
* that uses JavaScript to display the search results after the user has typed three or more characters into the search box;

Add search bars to your Categories, Products, Sales and Purchases list screens.

Add support for:

* finding products by category name;
* finding sales by product or category name;
* finding purchases by product or category name.

Read more about searching at [search.projectcodex.co](http://search.projectcodex.co/).

# Learning areas

* queries using partial string matching using `like` SQL queries;
* using HTTP [request parameters](http://expressjs.projectcodex.co/steps/routes.html#routes-with-parameters) using `req.params`;
* introduction to Ajax for a dynamic search experience;
* introduction to [Progressive Enhancement](https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/) - the journey from a basic search to interactive search.

---
layout: default
title: Search and filter
---

# Search and filter

> Nelisa needs to find sales data statistics quickly.

Create a search bar:

* that works without using any client-side JavaScript;
* that uses JavaScript to display the search results after the user has typed three or more characters into the search box;

Read more about searching at [search.projectcodex.co](http://search.projectcodex.co/).

Add search bars to your Categories, Products, Sales and Purchases list screens.

Add support for:

* finding products by category name;
* finding sales by product or category name;
* finding purchases by product or category name.

# Learning areas

* queries using partial string matching using `like` SQL queries;
* using HTTP [request parameters](http://expressjs.projectcodex.co/steps/routes.html#routes-with-parameters) using `req.params`;
* introduction to Ajax for a dynamic search experience;
* introduction to [Progressive Enhancement](https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/) - the journey from a basic search to interactive search.

Move link to correct location
Move link to correct location
