# Documentation

Folder Structure

• /src: This directory holds all the source code.

  • /components:
  • /contexts:
  • /layout:
  • /pages:
  • /home:
  • /about:
  • /services:
  • /contact:
  • /signup:
  • /login:

Dependencies

1. React Icons: React Icons is a library that provides a comprehensive set of icons for use in React applications. It integrates various popular icon libraries and makes it easy to use them in your React components. This library allows developers to easily include icons from libraries like Font Awesome, Material Design, Feather, and many others.

   • Installation: React Icons was installed using npm:

     npm install react-icons

2. Axios: Axios is a popular JavaScript library used to make HTTP requests from both the browser and Node.js environments. It simplifies the process of making asynchronous requests to retrieve or send data to web servers, providing a clean and powerful API.

   • Installation: Axios was installed using npm:

     npm install axios

3. React Router Dom: React Router DOM is a library used for routing in React applications, enabling developers to create single-page applications (SPAs) with navigation and dynamic content rendering. It provides a way to manage and respond to URL changes, allowing for the creation of a seamless and interactive user experience.

   • Installation: React Router Dom was installed using npm:

     npm install react-router-dom

4. Tailwindcss: Tailwind CSS is a utility-first CSS framework that provides a set of predefined classes to help you rapidly build custom user interfaces without writing custom CSS.

   • Installation: Tailwindcss was installed using npm:

     npm install -D tailwindcss postcss autoprefixer
     npx tailwindcss init -p

5. React Bootstrap: React Bootstrap is a popular front-end framework that combines the power of React with Bootstrap, allowing developers to build responsive, mobile-first web applications with ease. It provides a set of React components that encapsulate Bootstrap's styles and behaviors, making it easy to integrate Bootstrap's design system into React projects.

   • Installation: React Bootstrap was installed using npm:

     npm install react-bootstrap

6. React Hook Form: React Hook Form is a library for handling form validation and state management in React applications. It simplifies the process of managing form inputs, validations, and submissions while providing a clean and efficient API.

   • Installation: React Hook Form was installed using npm:

     npm install react-hook-form