Skip to content

nadeemgori2/card-app

Repository files navigation

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

About

card-app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published