🤵
React Portfolio Doc
  • Welcome In Portfolio Doc's
  • Customizing the Hero Section
  • Customizing the About Section
  • Customizing the Experience Section
  • Customizing the Projects Section
  • Customizing the Project Card Component
  • Customizing the Contact Section
Powered by GitBook
On this page

Customizing the Projects Section

1. Changing the Section Title:

  • Locate the <h2> tag within the Projects 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 the data directory.

  • Update or add new project entries as needed.

  • Ensure each project has the following attributes: title, description, imageSrc, and githubLink.

  • 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.

PreviousCustomizing the Experience SectionNextCustomizing the Project Card Component

Last updated 11 months ago