Let's build an awesome form

Introduction

In this task, we'll build a form by following the best practices and make it highly accessible. We'll also use JavaScript to validate the form and send data.

Design

Please refer the screenshots added inside /design folder.

Objectives

1. Build the form using HTML and style it using Tailwindcss.
2. The form should follow the best practices (html, css) for better accessibility.
3. Use JavaScript to validate and properly submit the form

Workflow

• Clone the repo
• Create a new branch
• Work on the task
• Push the changes
• Create a PR

Get Started

• Use the command pnpm install to install the dependencies.
• Use the command pnpm dev to start the development server.

Side Note

• Show more interest in implementing states of the UI elements like hover, active, focus, filled, etc.
• Refer MDN and WAI for more information about building a form.
• Feel free to explore Tailwindcss in this task. Customizing and playing with Tailwind is always fun.
• Finally, Always remember - "What we build is, What we use".