indio-ferrel / adopt-a-dog

Supabase Dog Adoption App

Use this template for this deliverable.

Learning Objectives

• Draw a simple architecture diagram describing the relationship between a user's computer and a single RESTful API.
• On load, use fetch and .then to hit a GET endpoint, get all items, and set state and update the view using the response.
• In front end apps with asynchronous behavior, use the network tab to examine (and debug) the request being sent to a server and the response received from a server.

Here is the model for the dogs table

Live Example:

https://alchemycodelab.github.io/web-01-adopt-a-dog/

Description

For this deliverable you have been given a supabase database and some render functions. Your job is to add the code in fetch-utils.js, app.js and detail.js to render the list of animals and the details page.

Task	Points
** Deploy Requirements **
Main branch deployed to Netlify	1
Open PR from dev branch with Netlify deploy preview	1
** Code Requirements **
ASYNC: getDogs() : return array of dogs from supabase	2
On load on the home page, see a list of dogs (names and breed image), fetched from supabase	1
On clicking a dog, user should be taken to that dog's detail page.	1
ASYNC: getDog(id) : return single dog from supabase	2
Detail page should get the id from the URL and use that id to fetch that dog from supabase.	1
Detail page should show the user details about the dog (including age, breed, and description)	1