GitHub: Beginneraboutlife116/fem-intro-component-with-signup-form

Live Page: https://fem-intro-component-with-signup-form-dbe75dcee.vercel.app/login

What user can do?

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page
• Receive an error message when the form is submitted if:
• Any input field is empty. The message for this error should say "[Field Name] cannot be empty"
• The email address is not formatted correctly (i.e. a correct email address should have this structure: [email protected]). The message for this error should say "Looks like this is not an email"
• Once users complete each input field, they can see the successful outline

使用者可以做什麼？

• 可以在不同裝置上看到不同版型的樣式
• 在可互動的區塊都有樣式顯示
• 可以看到錯誤樣式，當
• 有任何應填入的 input 呈現未填入時
• Email有其特定條件判斷
• 當使用者正確填妥 input 以及 form 後，會有成功的樣式

Tech

• ReactJs
• NextJS
• TypeScript
• SCSS
• React Hook Form