v0.7.0 Add filtering feature in projects to filter project cards based on categories

This commit is contained in:
Murtadha 2024-07-15 15:09:00 -04:00
parent ff04802a61
commit 5a4c05fcba
7 changed files with 130 additions and 7 deletions

View file

@ -114,6 +114,7 @@ const projectsData = [
{
id: 1,
title: "Project 1",
category: "Web Development",
images: ["/path/to/project1-image1.jpg", "/path/to/project1-image2.jpg"],
description: "A brief description of Project 1.",
technologies: ["React", "Node.js", "MongoDB"],
@ -121,6 +122,40 @@ const projectsData = [
githubLink: "https://github.com/yourusername/project1",
liveLink: "https://project1-demo.com",
},
{
id: 2,
title: "Project 1",
category: "Machine Learning",
images: ["/path/to/project1-image1.jpg", "/path/to/project1-image2.jpg"],
description: "A brief description of Project 1.",
technologies: ["React", "Node.js", "MongoDB"],
features: ["User authentication", "Real-time data updates", "Responsive design"],
githubLink: "https://github.com/yourusername/project1",
liveLink: "https://project1-demo.com",
},
{
id: 3,
title: "Project 1",
category: "Embedded Systems",
images: ["/path/to/project1-image1.jpg", "/path/to/project1-image2.jpg"],
description: "A brief description of Project 1.",
technologies: ["React", "Node.js", "MongoDB"],
features: ["User authentication", "Real-time data updates", "Responsive design"],
githubLink: "https://github.com/yourusername/project1",
liveLink: "https://project1-demo.com",
},
{
id: 4,
title: "Project 1",
category: "Web Development",
images: ["/path/to/project1-image1.jpg", "/path/to/project1-image2.jpg"],
description: "A brief description of Project 1.",
technologies: ["React", "Node.js", "MongoDB"],
features: ["User authentication", "Real-time data updates", "Responsive design"],
githubLink: "https://github.com/yourusername/project1",
liveLink: "https://project1-demo.com",
},
// Add more projects...
];