digitalcolony / cat-trick

😻 Fetching a list of cats I meet in my neighborhood. Data on a Google Sheet.

Cat Trick

In my Seattle neighborhood of Ballard, sometimes cats will come up and greet me. Starting this summer, I began tracking that data on a Google Sheet. This website queries that Google Sheet and displays those cats. Meeting 3 cats in a single day is very rare. A Cat Trick. Sort of like how scoring 3 times in a hockey match is a Hat Trick. 😀

I am using Zapier to trigger a site build on Netlify when the Google Form is submitted. This lets me use the Astro static site generation. Originally, I used the server-side option with the netlify adaptor, but it was too slow.

2 versions

CatGroups.astro was used in the initial Server Side version.

CatListbyData.jsx is the client side React version that allows for infinite scrolling.

Future Features

Dark Mode

Custom 404

License

This project is licensed under the MIT License - see the LICENSE file for details.