Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mariorodeghiero/react-filter-recipes

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/mariorodeghiero/react-filter-recipes
Owner: mariorodeghiero
License: mit
Created: 2018-10-03T12:30:13.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2018-10-10T12:06:48.000Z (about 6 years ago)
Last Synced: 2024-02-29T18:34:56.752Z (10 months ago)
Language: JavaScript
Size: 103 KB
Stars: 0
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # React Filter Recipes

ReactJS Track Challenge from [Codination](https://www.codenation.com.br), this app lists and filters recipes using ReactJS.

## Built with

- React

- ES6

- Javascript

## Prerequisites

- Nodejs (LTS or Current)

### How it works

1. Dynamically renders the `RecipeItems` component for all elements within the sample data;

2. When entering a text in the `input` within the`Navbar` component, `RecipeItems` are filtered, both by`title` and `ingredients`;

3. Case insensitive filter;

### Example

![](https://thumbs.gfycat.com/BouncyAfraidDikkops-size_restricted.gif)

## Author

- [Mário Antônio do Amaral Rodeghiero](https://github.com/mariorodeghiero)

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details