Skip to content

A simple Chat application made with HTML, CSS, JS and Flask

Notifications You must be signed in to change notification settings

OshadhaVimuB/ChitChat

Repository files navigation

🌟 ChitChat 💬

A simple yet powerful chat application built with HTML, CSS, JavaScript, and Flask.


Welcome to ChitChat

🌟 Features

  • 💬 Real-time messaging
  • 🖥️ User-friendly interface
  • 🌐 Cross-platform compatibility
  • 🌓 Dark mode toggle for comfortable chatting day and night

🚀 Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

📋 Prerequisites

  • 🐍 Python 3.7+
  • 📦 pip (Python package installer)

🔧 Installation

For Unix-based systems (Linux/macOS)

  1. Clone the repository:
    git clone https://github.com/OshadhaVimuB/ChitChat.git
    cd chitchat
  2. Create a virtual environment:
    python3 -m venv venv
  3. Activate the virtual environment:
    source venv/bin/activate
  4. Install the dependencies:
    pip install -r requirements.txt

For Windows

  1. Clone the repository:
    git clone https://github.com/OshadhaVimuB/ChitChat.git
    cd chitchat
  2. Create a virtual environment:
    python -m venv venv
  3. Activate the virtual environment:
    venv\Scripts\activate
  4. Install the dependencies:
    pip install -r requirements.txt

🎬 Running the Application

  1. Start the Flask server:
    python main.py
  2. Open your web browser and navigate to:
    http://localhost:6003/
    
  3. Start chatting and enjoy! 🎉

🖼️ Screenshots

ChitChat Dark Mode Figure: ChitChat interface in dark mode


🌓 Dark Mode

ChitChat comes with a built-in Dark Mode feature. Simply click the Dark Mode toggle button in the application to switch between light and dark themes for a more comfortable chatting experience, day or night.


🤝 Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository.
  2. Create your feature branch:
    git checkout -b feature/YourFeature
  3. Commit your changes:
    git commit -m "Add YourFeature"
  4. Push to the branch:
    git push origin feature/YourFeature
  5. Open a pull request after reading the Contributing Steps file.

📃 Code of Conduct

We are committed to fostering a welcoming and inclusive community. Please read our Code of Conduct to understand the behavior we expect from all participants in the ChitChat project.


📜 License

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


🔗 Links

Happy Chatting


Happy Chatting! 😊