Customizing the Projects Section
1. Changing the Section Title:
Locate the
<h2>tag within theProjectscomponent.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.jsonfile located in thedatadirectory.Update or add new project entries as needed.
Ensure each project has the following attributes:
title,description,imageSrc, andgithubLink.Update the
imageSrcattribute with the path to the project image.Update the
githubLinkattribute 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
ProjectCardcomponent.Open the
ProjectCardcomponent 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