Customizing the Projects Section
1. Changing the Section Title:
Locate the
<h2>
tag within theProjects
component.Modify the text within the
<h2>
tag to reflect the desired section title.
<h2 className={styles.title}>[Replace this text with your desired section title]</h2>
2. Updating Project Data:
Open the
projects.json
file located in thedata
directory.Update or add new project entries as needed.
Ensure each project has the following attributes:
title
,description
,imageSrc
, andgithubLink
.Update the
imageSrc
attribute with the path to the project image.Update the
githubLink
attribute with the GitHub repository link for the project.
[
{
"title": "[Replace this with your project title]",
"description": "[Replace this with a brief description of your project]",
"imageSrc": "[Replace this with the path to your project image]",
"githubLink": "[Replace this with the GitHub repository link for your project]"
},
// Add more projects if needed
]
3. Customizing Project Cards:
If necessary, you can customize the appearance of project cards in the
ProjectCard
component.Open the
ProjectCard
component file and modify its structure, styles, or content according to your preferences.
4. Previewing Changes:
After making desired customizations, save the files.
Preview your website to ensure the changes are reflected as intended.
Last updated