Add the Project Component

Learn to add the project details using the data.

After we’ve added our skills, it’s time to add the projects we’ve been working on throughout the course.

Add the projects

To add the project, we create a projectArr variable that contains an array of objects with the following properties:

  • The title property is the name of our project, like Pretty Sunny, Asia Explorer, and so on.
  • Here, img is the image of the final layout of the project. We use the links to the images. However, feel free to add the images in the folder and use them as the img.
  • The demoLink property is the link to our live project.
  • The githubLink property is the link to our project’s GitHub repo.

The following snippet shows us how to create the variable for project data:

Get hands-on with 1200+ tech skills courses.