Try using a loop to render repetitive data

[oliverjam]

You have a lot of repeated inputs in this component

week5-bereket-minju/src/components/CategoryFilter.jsx

Lines 79 to 89 in c89c27d

	<label htmlFor="Adventure">
	Adventure
	<input
	checked={category === "Adventure"}
	type="radio"
	name="categories"
	id="Adventure"
	value="Adventure"
	onChange={(event) => setCategory(event.target.value)}
	/>
	</label>

Since each one maps to an entry in the categories object

week5-bereket-minju/src/components/CategoryFilter.jsx

Lines 4 to 6 in c89c27d

	const categories = {
	Action: 28,
	Adventure: 12,

You could loop over that to generate the inputs, something like this:

Object.keys(categories).map((key) => (
  <label htmlFor={key}> 
   {key} 
   <input 
     checked={category === key} 
     type="radio" 
     name="categories" 
     id={key}
     value={key}
     onChange={(event) => setCategory(event.target.value)} 
   /> 
 </label> 
))

[minju25kim]

remove repetitive data and change it as loop inside {}