Akshitha-AI-Learner/web-technology-Assistant-AI

🌐 Web Technology Assistant AI

📚 About the Project

Web Technology Assistant AI is a PDF-based chatbot built using Python and Gradio.

The chatbot uses a Web Technology PDF as its knowledge source and allows users to ask questions about topics covered in the PDF.

The PDF contains questions and answers related to:

• —HTML
• —CSS
• —Bootstrap
• —JavaScript

🤖 How It Works

The chatbot follows these steps:

1. 1.Loads the Web Technology PDF.
2. 2.Extracts text from the PDF.
3. 3.Splits the extracted text into smaller sections.
4. 4.Converts the sections into numerical embeddings.
5. 5.Converts the user's question into an embedding.
6. 6.Finds the most relevant sections from the PDF.
7. 7.Displays the relevant information as the answer.

📖 Knowledge Source

The chatbot uses the following PDF:

`web_technology.pdf`

The PDF contains Web Technology questions and answers, including topics such as HTML elements, attributes, semantic HTML, CSS selectors, the CSS Box Model, Bootstrap components, JavaScript variables, functions, DOM, events, and form validation.

💬 Example Questions

You can ask questions such as:

• —What is HTML?
• —What is the basic structure of an HTML5 document?
• —What are HTML attributes?
• —What is semantic HTML?
• —What is CSS?
• —What is the CSS Box Model?
• —What is the difference between margin and padding?
• —What is a CSS gradient?
• —What is Bootstrap?
• —What is the Bootstrap grid system?
• —What is a Bootstrap container?
• —What is JavaScript?
• —What are JavaScript variables?
• —What are JavaScript loops?
• —What is the DOM?
• —What are JavaScript events?
• —What is form validation?

🛠️ Technologies Used

• —Python
• —Gradio
• —PyPDF
• —Sentence Transformers
• —NumPy
• —Hugging Face Spaces

📁 Project Structure

web-technology-Assistant-AI/
│
├── app.py
├── requirements.txt
├── README.md
└── web_technology.pdf