robertoeb / CodeNation-React-Challenge

This is a react challenge from https://www.codenation.dev/

Using React to list and filter recipes

In this challenge, you will create an interface for listing and filtering recipes.

Topics

With this challeng, I learn:

• React
• ES6
• Javascript
• Unitary tests

Requirements

You will need the NodeJS (LTS or Current) installed on your machine.

Tasks

• Render dynamically the RecipeItems component for all elements within the sample data;
• When entering a text in the input within the Navbar component, RecipeItems should be filtered, both by title and ingredients;
• The filter should be case insensitive;
• (Bonus) highlight the searched text within the title and ingredients using the tag <mark>;

Example

Running the application

Run on your terminal:

npm install

Then, to run the application:

npm start

You should access localhost:3000