Create Event Form for Catalog

[michellelin1]

Instructions

Events are a core component of AISS’s event management system. You are going to jumpstart this project by making a form to create an event. For this task you’re going to…

• Set-up the basic skeleton for a form to create new events in the catalog using Chakra UI components
• Add validation using Yup

Notes

• Refer to DB Model for which fields to include
  • For any fields with ENUM values, use dropdowns
  • For any fields marked NOT NULL, make the fields required
• Refer to PNP code example for how to implement Yup into a form
• The design for the event creation form hasn’t been finalized yet, so don’t worry too much about it yet
• Make your best approximation for validation

Acceptance Criteria

• Place the form in a new file located in src/components/CreateEventForm/CreateEventForm.jsx
• All fields of the Catalog table in the DB model should be included
• Input validation should exist for all fields as needed
• The user cannot submit the form if violating any input validation
  After submitting the form, the form data should be console logged (we’ll send it to the backend later)

Resources

• Chakra Documentation
• Yup Documentation
• PNP Form Example w/ Yup Validation
• DB Model

As always, feel free to message Michael and Michelle if you have any questions!