Overview

• A simple web application for teachers to create assignments associated with their classrooms
• Using Next.js, TailwindUI, Vercel, Supabase, custom API for assignment generation
• Teachers will create classrooms to house assignments
• Generating assignments consumes arbitrary ‘tokens’ - every account has a starting amount of them.

What’s done

• Bootstrapped web application with Next.js, deployed to Vercel
• Supabase integration for database and authentication
• App components / pages
  • Basic landing page
  • Sign in / sign up (hidden)
  • Authenticated dashboard landing page
  • New classroom form (needs some styling work)
  • Classroom details and assignment list (needs some styling work)

What’s needed

• Review mockups for general guidance on sidebar, page styling
• Create “view / edit classrooms” page that lists classes and can open modals to edit the details of each one
• Sidebar class selector should update the context of the dashboard
• Create /assignments page to list assignments associated with the selected class
• Create /new-assignment page with a multi-column layout. Assume backend API exists to pass form data and retrieve generated assignment
  • Generated assignments can be saved
  • A basic text editor is added above the assignment contents so teachers can provide headings, instructions, and ultimately print the page
• Consume tokens as assignments are generated / regenerated. API will respond with how many tokens are consumed per generation.

Other considerations

• Assume you have access to any components you may need from tailwindui.com