This is a simple React application to display a list of cards fetched from a mock API (JSONPlaceholder) and filtered based on a search query. The app utilizes React, Material UI, and Vite as the build tool. It also features smooth hover animations.
- Fetches and displays a list of cards (users or posts) from JSONPlaceholder.
- Search functionality to filter the displayed cards.
- Responsive design that works well across devices.
- Hover effects for the cards with smooth animations.
- Frontend: React (v18+)
- UI: Material UI (v6)
- API: Axios to fetch data from JSONPlaceholder
- Build Tool: Vite
- TypeScript: Type safety for better development experience
- CSS: Custom styles with responsive design
To run this project locally, follow these steps:
git clone https://github.com/nadeemgori2/card-app.git
cd card-app
npm install
npm run dev
Node.js: v18.20.6
npm: 8.19.4