Day 41 of 100 Days of Code & Scrum: Next.js Contact Form HTML, useState, and Validation

This content originally appeared on DEV Community and was authored by Rammina

Good day, everyone!

I'm feeling a lot better today than yesterday, so I managed to get more things done this time. I spent most of my time working on the contact form for my company website. Most of the functional frontend aspects of it are nearly complete, I just need to have it communicate with the AWS serverless backend. After that comes styling the contact form.

Anyway, let's move on to my daily report!

Yesterday

I didn't have much time to work yesterday from feeling sick. I finished the styling of the portfolio section's skeleton layout.

Today

Here are the things I learned and worked on today:

Next.js

finished most of the HTML of the contact form.
added state management of each input field using React useState hooks.
put form validation methods and state changes for the required fields on change, blur, and submit events.
display error messages as needed.

Scrum

I did some practice flashcards for Scrum.
reviewed some of the things I've learned before.

Thank you for reading, and I wish everyone the best!

Resources/Recommended Readings

DISCLAIMER

This is not a guide, it is just me sharing my experiences and learnings. This post only expresses my thoughts and opinions (based on my limited knowledge) and is in no way a substitute for actual references. If I ever make a mistake or if you disagree, I would appreciate corrections in the comments!

Other Media

Feel free to reach out to me in other media!

This content originally appeared on DEV Community and was authored by Rammina

Print Share Comment Cite Upload Translate Updates

APA

Rammina | Sciencx (2021-11-18T11:36:14+00:00) Day 41 of 100 Days of Code & Scrum: Next.js Contact Form HTML, useState, and Validation. Retrieved from https://www.scien.cx/2021/11/18/day-41-of-100-days-of-code-scrum-next-js-contact-form-html-usestate-and-validation/

MLA

" » Day 41 of 100 Days of Code & Scrum: Next.js Contact Form HTML, useState, and Validation." Rammina | Sciencx - Thursday November 18, 2021, https://www.scien.cx/2021/11/18/day-41-of-100-days-of-code-scrum-next-js-contact-form-html-usestate-and-validation/

HARVARD

Rammina | Sciencx Thursday November 18, 2021 » Day 41 of 100 Days of Code & Scrum: Next.js Contact Form HTML, useState, and Validation., viewed ,<https://www.scien.cx/2021/11/18/day-41-of-100-days-of-code-scrum-next-js-contact-form-html-usestate-and-validation/>

VANCOUVER

Rammina | Sciencx - » Day 41 of 100 Days of Code & Scrum: Next.js Contact Form HTML, useState, and Validation. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/18/day-41-of-100-days-of-code-scrum-next-js-contact-form-html-usestate-and-validation/

CHICAGO

" » Day 41 of 100 Days of Code & Scrum: Next.js Contact Form HTML, useState, and Validation." Rammina | Sciencx - Accessed . https://www.scien.cx/2021/11/18/day-41-of-100-days-of-code-scrum-next-js-contact-form-html-usestate-and-validation/

IEEE

" » Day 41 of 100 Days of Code & Scrum: Next.js Contact Form HTML, useState, and Validation." Rammina | Sciencx [Online]. Available: https://www.scien.cx/2021/11/18/day-41-of-100-days-of-code-scrum-next-js-contact-form-html-usestate-and-validation/. [Accessed: ]

rf:citation

» Day 41 of 100 Days of Code & Scrum: Next.js Contact Form HTML, useState, and Validation | Rammina | Sciencx | https://www.scien.cx/2021/11/18/day-41-of-100-days-of-code-scrum-next-js-contact-form-html-usestate-and-validation/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.