This is a React application that displays user data retrieved from an API. The application uses the Vite build tool as the development environment.
Displays user data in cards Fetches data from a user data API using the fetch function Includes a search bar to filter the user data based on name
React Vite JavaScript
When the application loa 64F9 ds, it will retrieve user data from the API and display it in cards. Each card contains the user's name, email, and profile picture.
To run the application locally, follow these steps:
- Clone the repository to your local machine
- Navigate to the project directory
- Copy code
- npm install npm run dev
- Open your web browser and navigate to http://localhost:3000
To filter the user data based on name, simply type the name in the search bar and press enter. The cards will be updated to show only the users whose names match the search query.
This React application provides a simple way to display and filter user data using data fetched from an API. It can be easily extended to add additional functionality, such as pagination, sorting, and additional search filters.