CodeAlpha_simple_chatbot

AI Chatbot with Flask

A modern, responsive chatbot application built with Flask, featuring an iOS-style UI design and dynamic theme switching.

Features

  • 🤖 Intelligent conversation handling with natural language processing
  • 🎨 Modern iOS-style user interface
  • 🌓 Dynamic dark/light theme switching
  • 🌈 Animated gradient backgrounds
  • 📱 Fully responsive design
  • ✨ Smooth animations and transitions
  • 💬 Real-time chat interactions

Technical Stack

  • Backend: Python Flask
  • Frontend: HTML5, CSS3, JavaScript
  • Styling: Custom CSS with iOS-inspired design
  • Animations: CSS animations and transitions
  • Theme Management: JavaScript-based theme switching

Areas of Expertise

The chatbot is knowledgeable in various technical domains:

  • Data Science & Analytics
  • Machine Learning
  • Artificial Intelligence
  • Full Stack Development
  • Cybersecurity

Installation

  1. Clone the repository:

git clone https://github.com/Tony-Stone-Code/CodeAlpha_simple_chatbot.git
cd simple-chatbot
  1. Install the required dependencies:
pip install -r requirements.txt
  1. Run the application:
python3 app.py
  1. Open your browser and navigate to:
http://localhost:5001

Features in Detail

Intelligent Conversation

  • Natural language processing for understanding user queries
  • Context-aware responses
  • Expertise in multiple technical domains
  • Friendly and engaging conversation style

Modern UI/UX

  • iOS-inspired design elements
  • Smooth message animations
  • Interactive button effects
  • Dynamic message bubbles
  • Responsive layout for all devices

Theme System

  • Automatic system theme detection
  • Manual theme toggle
  • Smooth theme transitions
  • Animated gradient backgrounds
  • Backdrop blur effects

Responsive Design

  • Mobile-first approach
  • Adapts to all screen sizes
  • Touch-friendly interface
  • Optimized for both desktop and mobile

Project Structure

Basic chatbot/
├── app.py              # Flask application and routing
├── static/
│   ├── style.css      # CSS styles and animations
│   └── script.js      # Frontend JavaScript
├── templates/
│   └── index.html     # Main HTML template
└── README.md          # Project documentation

Contributing

Contributions are welcome! Feel free to submit pull requests or open issues for any improvements or bug fixes.

License

This project is licensed under the MIT License – see the LICENSE file for details.

Author

Anthony Opoku-Achempong (Tony-Stone-Code) – Data Scientist & Full Stack Developer

  • Expertise in Data Science, ML, AI
  • Full Stack Development
  • Cybersecurity Focus

Acknowledgments

  • Inspired by modern iOS design principles
  • Built with best practices in web development
  • Focused on user experience and accessibility

Visit original content creator repository
https://github.com/Tony-Stone-Code/CodeAlpha_simple_chatbot

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *