Quote.

Ask not what your country can do for you; ask what you can do for your country

— John Kennedy

How this app works

  • State: The current quote and favorites list are held in React state (useState).
  • Hooks: useQuote fetches from the API; useFavorites (Context) shares the favorites list.
  • API: Quotes come from TheQuote API; the key is stored in .env and read via NEXT_PUBLIC_QUOTE_API_KEY.
  • Context: FavoritesProvider lets any component add or remove favorites without passing props down.

Quick tips

  • Click "New Quote" to fetch a random quote from the API.
  • Use the heart icon for favorites and the trash icon to remove one.
  • All buttons use a ripple effect for clear visual feedback.