Skip to content

A React app that filters and displays data dynamically based on selected categories or data . Fast, responsive, and built with Vite.

Notifications You must be signed in to change notification settings

nanthakumar-m/filter_data-react

Repository files navigation

🔍 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

About

A React app that filters and displays data dynamically based on selected categories or data . Fast, responsive, and built with Vite.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published