v0.7.0 Add filtering feature in projects to filter project cards based on categories
This commit is contained in:
parent
ff04802a61
commit
5a4c05fcba
7 changed files with 130 additions and 7 deletions
35
src/App.jsx
35
src/App.jsx
|
|
@ -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...
|
||||
];
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue