codex-lv3-may-2025

Week 5

Day 1

Setting up a Database on Supabase

• Supabase Setup Guide

Interacting with a database from React.

• Supabase React Setup Guide - Complete guide with code examples

Goals for the day:

These goals are not an assignment, but are good practice for what comes next.

1. Setup Supabase and one table
2. Add at least 3 rows to your table
3. Access the rows from your table in a React App
4. Challenge: Try making a second table and repeating the process.
5. Challenge Try filtering your data.

Day 2

We worked on forms in React and insert into our database.

Demo code…

• main - Basic Supabase setup and configuration
  • View main branch App.jsx
• add-form - Implementation of forms for data input
  • View add-form branch App.jsx
• add-employee - Employee management functionality
  • View add-employee branch App.jsx

Reference:

• Input in JSX
• Deep dive on Forms in React

Video Tutorials:

• Connecting to Supabase
• Reading Data from Supabase (Read/SELECT)
• Adding Data to Supabase (Create/INSERT)

Forms in React and onSubmit learn

Day 3

Do Problem Set #2 from JavaScript Practice

Optional: JavaScript Practice link Practice with JavaScript basics.

• Functions
• Strings
• Numbers

Katas link. Choose ONE kata to master. Master important patterns with intentional, focused practice.

Day 4

Database Mini Project: Level 1 - Planning

Start working on the complete potluck management application. Follow the level-by-level instructions to build a full React + Supabase app.

Day 5

Complete your Mini-Project

---

Week Summary

Assignments Overview

1. Day 1-2: Non-graded practice material
   • Day 1: Supabase setup and database interaction practice
   • Day 2: Forms in React and database inserts practice
2. Day 3: Graded assignment
   • JavaScript Practice Set #2
   • Choose ONE kata to master
3. Day 4-5: Graded mini-project
   • Database Mini-Project (Potluck management app with Supabase)