Installing Required Dependencies

1. Install Tailwind CSS (For Styling)

Tailwind CSS is used to design and style the form using utility classes. To set it up with Vite, follow the official Tailwind installation guide here and complete the steps — it takes only a couple of minutes: https://tailwindcss.com/docs/installation/using-vite

2. Install Font Awesome (For Icons)

Font Awesome is used to add icons to enhance the user interface.

Run the following commands one by one:

npm i --save @fortawesome/react-fontawesome@latest

npm i --save @fortawesome/fontawesome-svg-core

npm i --save @fortawesome/free-solid-svg-icons

npm i --save @fortawesome/free-regular-svg-icons

npm i --save @fortawesome/free-brands-svg-icons

3. Install Lottie Libraries (For Animations)

These libraries are used to display animated illustrations in the project.

Run:

npm install lottie-react

npm install @lottiefiles/react-lottie-player

4. Install react-phone-input-2 (For Phone Input Field)

This library is used to create a styled phone number input with country code support.

Run:

npm i react-phone-input-2

5. Install Yup (For Form Validation)

Yup is used to define validation rules and validate form inputs.

Run:

npm i yup