Daniel Morales
This site is open source — read the code on GitHub danimo17/cv This site is open source — read the code on GitHub danimo17/cv This site is open source — read the code on GitHub danimo17/cv This site is open source — read the code on GitHub danimo17/cv

Meme mode

Swap my face for a meme

Search Giphy, pick a GIF and wear it on the home page. It's a tiny demo of how this site handles data and state.

How it works

  1. Your search hits a Nuxt server route (/api/giphy/search) that talks to Giphy with a private key. The browser never sees the key.
  2. A service defines the useFetch request and a Pinia store owns its state: pending, error and results are reactive.
  3. Your pick lives in a Pinia store, so it survives navigating to the home page.
  4. Reload the page and my real face is back: the store is in memory on purpose. State, not persistence.

Powered by GIPHY