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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

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