Create a photo gallery app that has at least two filters for controlling which images are displayed
You can use the supplied images data file or make up your own. Options for filtering this data:
- keyword, title and/or description
- exact match (
===
), or .contains
, or.startsWith
- exact match (
- horns
- equal or greater than (
>=
)
- equal or greater than (
- Use Design-Driven Development to create the makeImages template (again like yesterday)
- Use the Component Module pattern to have the
images-component.js
export aloadImages
function used byindex.js
- Create the Filter Component. It will need to export
loadFilter
that accepts a callback. Remember the form work will have to happen inside theloadFilter
function - Log the filter object in
index.js
so you know the Filter Component is wired up correctly. - TDD the
filterImages
function and move to own module - Incorporate the
filterImages
function intoindex.js
and reload the images each time it changes. - Don't forget to remove the existing images when reloading!