Skip to content

Latest commit

 

History

History
59 lines (39 loc) · 1.48 KB

README.md

File metadata and controls

59 lines (39 loc) · 1.48 KB

👔 Recruiter contact form

Link to the live application: here !

Full stack multi-step form

  • Sends email to my mailbox
  • Target is mostly companies, recruiters to offer
  • User fills out the form, presses submit, email is sent to gmail account

⚙️ Tech Stack

  • NextJS
  • ReactJS
  • JavaScript
  • Chakra-UI
  • Nodemailer
  • NodeJS
  • Vercel (deployment)

🔺 Features:

  • Multi-step form
  • Back & Next buttons for the navigation
  • Graphical progress bar and page number to track the form filling journey
  • Various diverse input types: Radio buttons, checkboxes, single-line input, multi-line text area, number input, range slider
  • Input validation on typing and onBlur
  • Submit button is greyed out until all the mandatory fields are filled out
  • Success message after successful submission of the form
  • Clears out form after successful submission

➕ Bonus features to add later:

  • Captcha validation
  • IP Address tracking

📸 screenshots

___Page 1 mobile view

Alt text

___Page 1 desktop view, with validation

Alt text Alt text

___Page 2 and 3 desktop view

Alt text Alt text

___Success message

Alt text

___Example of received email

Alt text