From da14bc48be6fe00be9932e0c8c963a81f2a273ad Mon Sep 17 00:00:00 2001 From: Abdullah Qureshi <62462707+abdullahq3102@users.noreply.github.com> Date: Wed, 18 Sep 2024 04:50:37 -0400 Subject: [PATCH] Update README.md --- README.md | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/README.md b/README.md index a62fcf9..67bb06d 100644 --- a/README.md +++ b/README.md @@ -18,3 +18,31 @@ Activity 4 Activity 5 ![image](https://github.com/user-attachments/assets/dcea7ac2-712a-49f9-83f9-ddede91e8b48) + +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: +1. https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client- +side_web_APIs/Manipulating_documents +2. 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