Cards App

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.

Features:

• 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.

Tech Stack:

• 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

Installation

To run this project locally, follow these steps:

1. Clone the Repository

git clone https://github.com/nadeemgori2/card-app.git

cd card-app

2. Install Dependencies

npm install

3. Run the Development Server

npm run dev

Note: Node.js and npm Versions

Node.js: v18.20.6

npm: 8.19.4