Chat Bot

Backend:
Uses Flask along with LangChain for retrieval-augmented generation. The backend:

• Loads data from a technical courses webpage using WebBaseLoader.
• Splits and processes the text with RecursiveCharacterTextSplitter.
• Creates embeddings with HuggingFaceEmbeddings and stores them in a FAISS vector store.
• Sets up a retrieval-based QA chain using RetrievalQA with ChatGroq.
• Formats responses in Markdown for improved readability.
• Provides a /chat endpoint to process chat requests.

Frontend:
Uses React to create a modern, responsive chat UI. The frontend:

• Sends user queries to the Flask backend via axios.
• Receives responses and renders them using ReactMarkdown for proper markdown format