[WS] 1 Supabase Set-Up and Web Scraper Research

[deenasun]

🗽 What's new in this PR

Description

Created src/queries/query.ts

• Initialized supabase client
• Wrote query function to fetch Projects from supabase api

Created app/testing/page.tsx

• Testing page for supabase queries
• useState and useEffect functions to fetch backend data and rerender screen with fetched projects
• Project interface with fields of fetched project data

Screenshots

ace-ny.sprint.1.demo.100524.mp4

How to review

First, review the supabase client setup and fetch query functions in src/queries/query.ts

Testing
Standard procedure

git fetch origin deenasun/branch1
git checkout deenasun/branch1

Navigate to the following url:

• /testing

You should see the fetched queries show up on your screen after loading!

Next steps

Relevant links

Online sources

• https://supabase.com/docs/reference/javascript/introduction

Related PRs

CC: @itsliterallymonique

[itsliterallymonique]

Thanks for finishing your sprint so fast Deena! Could you re-format the queries and folder nesting to be supabase folder >> queries folder. Then you will connect the client will be under the supabase folder called createClient.ts . Your actual query will be inside the queries folder (your current file name is fine for now!

You can use IJP as an example: https://github.com/calblueprint/immigration-justice-project/tree/main/src/api/supabase .

Let me know if you have any questions!

[itsliterallymonique]

Awesome Deena!