Filterable Product Table 🍰 🍣 🍙 🍟

View the:

• Demo
• Medium Article 📄

This is simple React application that was orginally created for the Thinking in React post in the React docs.

This repository goes along with the medium article titled Testing React Apps with Jest and chai-enzyme for Beginners. In that article I talked about the tools, folder stucture and my thought process when testing React applications.

Component Breakdown

The app is broken down into 5 components:

• FilterableProductTable (orange): contains the entirety of the example
• SearchBar (blue): receives all user input
• ProductTable (green): displays and filters the data collection based on user input
• ProductCategoryRow (turquoise): displays a heading for each category
• ProductRow (red): displays a row for each product

Getting Started

$ git clone https://github.com/romarioraffington/react-filterable-product-table.git
$ npm install
$ npm start

Running Tests

$ npm test

Building the Project

$ npm run build

Contributing

Feel free to submit a pull requests! For specifics on how to contribute to this project, check out the contributing file.

License

This project is released under the MIT License.