Skip to content

Kathalysth/task2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HNG Frontend Task (Part Two)

Task Detail

  • Continue from the stage 1 task
    • Add another anchor tag styled as a Button with an id of 'contact' that redirects to “/contact” page in your app.
    • NB. The contact page path must be "/contact"
    • The contact page should have a form with the following details:
      • A First and last name input fields with ids ‘first_name’ and ‘last_name’ respectively
      • An Email address input field with an id of ‘email’
      • A Textarea with an id of ‘message’ to contain the message of the person
      • A button with an id of ‘btn__submit’ that will submit the form.
      • All fields should have appropriate label tags

Requirements

  • Use Only React.Js and React-Router-DOM to complete this task. (React.Ts, Next.Ts/Next.Js, Gatsby etc. are NOT Allowed)
  • You may use any CSS Framework/Library or CSS Preprocessor of your choice for styling.
  • Make sure you Implement the UI Design on Figma and also Follow all the instructions here.
  • You Must Deploy to Netlify, Vercel, or GitHub Pages ONLY.
  • You Must make frequent atomic commits to your GitHub repository and keep standard on commit messages.