•  
      reusable_code_components #495690
    JavaScript/ TypeScript, HTML/CSS, User Interface (UI) /User Experience (UX), Python Flask

    A simple and interactive AI chatbot web app built with Python and Flask, featuring a floating chat icon and rule-based conversational responses.

    This AI Chatbot Web Application is a lightweight, rule-based chatbot built with Python 3 and Flask. The app features a modern floating chat icon that opens a responsive chat modal with animated UI elements and keyboard accessibility. User inputs are processed by predefined rules in a backend Python class that handles greetings, jokes, facts, farewells, and dynamic time queries. The entire application is contained in a single Python file, requiring no external AI services or databases, making it easy to customize and deploy. The front end is implemented with inline HTML, CSS, and JavaScript served by the Flask backend, providing a smooth real-time chat experience.

    ​​​​​​​

    • Clone the repository:
      git clone https://openforge.gov.in/plugins/git/smartblocks/ai_chatbot_web.git

    • Install Flask:
      pip install flask

    • Run the chatbot application:
      python chatbot_web.py

    • Open your browser at http://127.0.0.1:5000/ to interact with the chatbot.

    • Customize chatbot responses by modifying the rules dictionary in SimpleChatbot class inside chatbot_web.py.

    AI Chatbot Web Application

    A simple, interactive AI chatbot web app built using Python and Flask.

    Features

    • Floating, animated chat icon with responsive chat UI  
    • Rule-based chatbot handling greetings, jokes, facts, farewells, and time queries  
    • Dynamic server time response  
    • Single Python file with inline HTML/CSS/JS, no external dependencies  

    Technology Stack

    • Python 3  
    • Flask  
    • JavaScript  
    • HTML / CSS  

    Installation & Running

    1. Clone the repository:
    git clone https://openforge.gov.in/plugins/git/smartblocks/ai_chatbot_web.git
    2. Install Flask: pip install flask
    3. Run the application: python chatbot_web.py
    4. Open the browser and go to:http://127.0.0.1:5000/
    
    2025-06-02
    Active
    Sanjay Patel (sanjay_patel)
    #495690

    Follow-ups

    User avatar
    • Readme
      Something went wrong, the follow up content couldn't be loaded
      Only formatting have been changed, you should switch to markup to see the changes
    User avatar
    • Git Repository Url
      -https://openforge.gov.in/plugins/git/smartblocks/ai_chatbot_web.git 
      +https://openforge.gov.in/plugins/git/smartblocks/ai_chatbot_web