Interactive Arabic Chatbot Application

An interactive chatbot application that supports Arabic conversations, providing seamless communication between users and the backend chatbot API. This project combines a Flask backend with a responsive HTML/CSS/JavaScript frontend, making it easy to deploy and test locally or online.

Features

• Arabic Language Support: The chatbot processes and responds in Arabic, catering to Arabic-speaking users.
• Dynamic Chat Interface: Users can type questions in Arabic and view responses in a real-time chat window.
• Flask API: Backend built with Flask to handle Arabic input and generate appropriate responses.
• ngrok Integration: Expose the local Flask server for public access using ngrok.
• Responsive Design: Frontend built with HTML/CSS for a clean, mobile-friendly interface.

Project Structure

/chatBot/
├── bot.html                 # Frontend HTML file
├── app.py                   # Flask backend script
├── static/                  # Folder for static files (e.g., CSS, JS, images)
│   ├── style.css            # CSS file for styling
│   └── script.js            # JavaScript file for frontend logic
├── templates/               # Folder for HTML templates (Flask default location)
│   └── bot.html             # Main HTML file

Setup and Installation

Prerequisites

• Python 3.x
• Flask
• flask-cors
• flask-ngrok
• Google Colab (if using Colab for hosting)

Steps

1. Clone the repository:

   git clone https://github.com/your-username/chatbot.git
   cd chatbot

2. Install dependencies:

3. Run the Flask app:

4. Access the app:

   • Use the ngrok URL provided in the Colab terminal to access the chatbot interface.

5. Open the Frontend:

   • Load bot.html in your browser and test the chatbot.

Usage

• Open the chatbot interface in your browser.
• Type a question or message in Arabic in the input field and click Send.
• View the chatbot's response in Arabic in the chat window.

Technologies Used

• Backend: Flask, Python
• Frontend: HTML, CSS, JavaScript
• Hosting: Google Colab, ngrok

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes

Author

• Sadad Albayyari

---