This project is a clone of https://github.com/varadbhogayata/varadbhogayata.github.io

https://abdullahq3102.github.io/

Activity 1

Activity 2 and 3

Activity 4

Activity 5

Acknowledgement: I used chatgpt when adding the loading projects activity. I used these prompts

Prompt 1 I have this html file and I have this activity to modify it to cycle through the projects section

Activity-5: Adding Dynamic Content with JavaScript

1. Update the section “Projects” to include your most recent projects.
2. You should use JavaScript to dynamically display only the latest project in the section.
3. Add a new
   element in the HTML for the "Recent Projects" section. Ensure that this

   has an ID so that JavaScript can inject the project content into this section. ECE444 Software Engineering (Fall 2024)
4. Write a JavaScript function that loops through the array of projects and generates the HTML content for each project. Use DOM manipulation methods to insert this content into the "Recent Projects" section of your website.
5. Implement a "Load More" button at the bottom of the "Recent Projects" section that, when clicked, dynamically loads additional projects from your array using JavaScript.
6. Once the dynamic content is working, commit all your changes and take screenshots of the repo and the "Recent Projects" section of your deployed website. Add the screenshots to your readme file. Here are some useful tutorials to DOM manipulations:
7. https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client- side_web_APIs/Manipulating_documents
8. https://www.freecodecamp.org/news/the-javascript-dom-manipulation-handbook/

Prompt 2

Also I need to add a logo for places travelled to the navigation bar