Grid card

This is a Next.js project bootstrapped with create-next-app.

Getting Started

🦁 First, run the development server:

npm install
npm run dev
# or
yarn install
yarn dev

Open http://localhost:3000 with your browser to see the result.

See in action

🚀 Check it out on https://lvidal-grid-card-component.netlify.app/

📍 It renders a demo static blog front-end that shows cards with tech information.

Features

📰 It shows a responsive card grid using static information.

🔍 It displays a filter tool to choose between all the available cards by tags.

🎫 It allows to read the full content of the card on a modal box.

🌙 Dark mode? Of course! Your eyes will be happy while staying on the page.

Stack

✔️ Bootstrap "^5.0.1". Purging css at build stage.

✔️ Next 11.1.2

✔️ React 17.0.2

✔️ Jest 27.1.1

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.