Track your tasks
| # | Task Name | Description | Time Allotted | Proposed Date | Start Date | End Date | Time Taken | Comment | Status |
|---|---|---|---|---|---|---|---|---|---|
| 1 | Display error message on submission failure | Show an informative error message if the form submission fails. | 0 hr 20 min | 02-04-2026 11:24:54 | 0 hr 0 min | Pending | |||
| 2 | Display success message on successful submission | Show a user-friendly confirmation message after a successful form submission. | 0 hr 20 min | 02-04-2026 11:24:54 | 0 hr 0 min | Pending | |||
| 3 | Display loading state during submission | Show a visual indicator (e.g., spinner) while the form is submitting. | 0 hr 20 min | 02-04-2026 11:24:54 | 0 hr 0 min | Pending | |||
| 4 | Add form submission button | Create a clearly visible button to submit the form data. | 0 hr 10 min | 02-04-2026 11:24:54 | 0 hr 0 min | Pending | |||
| 5 | Implement basic client-side input validation | Add simple JavaScript validation for required fields and basic email format. | 0 hr 35 min | 02-04-2026 11:24:54 | 0 hr 0 min | Pending | |||
| 6 | Design form input fields | Implement UI for fields such as Name, Email, Phone, and Message. | 0 hr 30 min | 02-04-2026 11:24:54 | 0 hr 0 min | Pending | |||
| 7 | Create reusable ContactForm component | Develop a React component to encapsulate the contact form's structure and behavior. | 0 hr 30 min | 02-04-2026 11:24:54 | 0 hr 0 min | Pending |