London | 26-ITP-Jan | Kris Oldrini | Sprint 3 | Quote Generator

[XiaoQuark]

Learners, PR Template

Self checklist

• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• My changes meet the requirements of the task
• I have tested my changes
• My changes follow the style guide

Changelist

Implemented the quote generator functionality and added styling to improve the UI.

• Updated the page title in index.html to Quote Generator App
• Implemented logic in quotes.js to display a random quote and author when the page loads
• Added an event listener to the New Quote button to display another random quote when clicked
• Used the provided pickFromArray() function to select a random quote from the quotes array keeping selecting and rendering responsibilities separate.
• Added custom CSS to style the page, including a centred quote card layout and improved button styling
• Added decorative quotation marks around the quote to enhance the design

Tested changes by:

• Running the Jest tests successfully
• Checking in the browser that a random quote appears on load and updates correctly when the button is clicked
• Running a Lighthouse audit and achieving 100 for accessibility

[cjyuan]

Code looks good.