Skip to content

Latest commit

 

History

History
41 lines (22 loc) · 1.35 KB

File metadata and controls

41 lines (22 loc) · 1.35 KB

🔍 Filter Data – React

The Filter Data App is a React-based application that dynamically filters a list of items based on user-typed words. With clean state management and event handling, it allows users to view specific data subsets instantly.

The goal of this project was to gain practical experience in filtering arrays in React, conditional rendering, and managing stateful UI.

🔗👉 click here to see the live demo--> https://nanthakumar-m.github.io/filter_data-react/

🚫 Note: This website is not responsive and is best viewed on desktop screens.

⚙️ Technologies Used

  • HTML5
  • CSS3
  • React
  • Vite (Build tool)

💡Core Features

✅ Displays a list of data items (e.g., based on category)

✅ Allows filtering the data dynamically by category selection

✅ Uses React state and event handlers to update the UI

🎯 What I Gained / Concepts Practiced

✅ Learned how to filter and display dynamic data in React

✅ Strengthened understanding of useState for managing filter state

✅ Practiced conditional rendering and mapping filtered data

📸 Screenshots

image

image

image