Quote Generator

A collection of quote generators, each demonstrating a different way of sourcing data in JavaScript.

Live Demo

https://galarcon10.github.io/Quotes/

Versions

• API Ninjas — fetches quotes from a third-party API requiring authentication
• Static JSON API — fetches quotes from a static hosted JSON file
• Local Array (in progress) — quotes stored directly in JavaScript, no network request

Skills demonstrated

• fetch() and Promises / async-await
• DOM manipulation
• API authentication with headers
• Working with JSON data structures
• Responsive CSS layout with Flexbox

Design UX UI

• Used Affinity to create the visual identity, including logos ad graphics.
• Created a color pallet and typography coherence.
• Used Affinity to change resolutions of diferent elements.
• Used Font Awesome 7 icons to include logos for social media.
• Used queries to show th app in different viewports.