Tutor Form Part 2

[dilanurbayraktar]

It's getting exciting: Tutor Form Part 2

Summary 💻

For this ticket, you are tasked with making some part of the Tutor form.

You will create a new component file (tutor.tsx), which will display a few sections of the Tutor Form.

Deliverables 🚀

• Schedule at least two meetings as a pair
• Create a new branch using the "create a branch" button
• Create your page in /src/components/
• Style the page to match the footer in the wireframe (see below).
• Include a route to your page in App.jsx
• Open a PR and request review from @brandondionisio.

Wireframe 🎨

Here's the wireframe.

Reference:

Tip for success 📈

• Make only the last two sections: LCS Tutor Preference and Agreement, following the Figma wireframe.
• All fields except for "Language proficiency other than English", "Which virtual platforms are you comfortable using to tutor, if applicable?" and "Anything else you would like to let us know?", must be filled out by the user before submitting. Pay attention to the questions with drop down options and errors when there are missing fields (hint: there are 2 other wireframes - Tutor Survey In Progress and Tutor Survey Filled - showing drop down options and errors, use them as reference).
• You need to embed a PDF for the "Agreement" section. We don't have the actual agreement PDF yet, so you can embed whatever PDF you want for now! Here's some instructions on how to embed a PDF:
  <object class="pdf" data= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20210101201653/PDF.pdf" width="800" height="500"> </object>
• Make a "Submit" button that: clears all the fields entered in the form. It doesn't need to do anything else!
• The font is "inter" and is shown if you select text inside the Figma. The font is already included in the project with the tailwind style font-inter.
• You can use Tailwind Colors or create a custom color to match the background.

Where to get help!

Reach out to @dilanurbayraktar and @brandondionisio.