sansan-sakura / exercise-w5-pokemon-props

Practice React basics by fetching data from data.json to display pokemons. Components are provided; focus on passing data using props. Use the 'key' attribute to avoid errors. See Props section for hints. Great for group learning.

React Pokemon Props Exercise

In this week’s team session you will practice react basics and you will work on applying the concepts that we have learned throughout the week. This will be done during the scheduled team session, you decide in the team if to do it in small groups or pairs.

Instructions:

Fetch the data from a JSON File and pass down the data from the parent component to its child component. Using the data.json you will create a list of pokemons. We've created the necessary components for you, now it's up to you to pass the props properly to these components. Don’t forget the key attribute to avoid any console errors 😉

Hint:

If you look at the last question on the Props section, you will have an example on how to approach this exercise 😎

Getting Started with the Project

Dependency Installation & Startup Development Server:

Once cloned, navigate to the project's root directory and this project uses npm (Node Package Manager) to manage its dependencies.

The command below is a combination of installing dependencies, opening up the project on VS Code and it will run a development server on your terminal.

npm i && code . && npm run dev