Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💬 DoChat

A modern desktop communication platform built with HTML, CSS, and Vanilla JavaScript.

DoChat is a personal project focused on creating a clean, desktop-inspired messaging experience while improving frontend development skills through real-world application design.


👨‍💻 Developed By

Kushal Sarkar

🎓 Diploma in Computer Science & Technology


🌟 Highlights

  • Desktop-inspired messaging interface
  • Built entirely with HTML, CSS & Vanilla JavaScript
  • Modular project structure
  • Responsive design
  • LocalStorage support
  • Modern UI/UX

✨ Features

🏠 Home

  • Modern desktop-inspired dashboard
  • Quick navigation cards
  • Activity overview
  • Smooth page navigation
  • Responsive interface

💬 Chat

  • Real-time styled messaging interface
  • Multiple conversations
  • Send messages
  • Edit & delete messages
  • Reply to messages
  • Pin / Unpin messages
  • Copy messages
  • Message search
  • Emoji picker
  • Image sharing
  • User profile popup
  • Context menu actions
  • Theme support

🌐 Spaces

  • Collaborative workspace system
  • Create and manage spaces
  • Rename & delete spaces
  • Favorite spaces
  • Dynamic workspace layout
  • Workspace announcements
  • Channels section
  • Members section
  • Shared files section
  • Search spaces
  • Context menu for space management

📷 Moments

  • Story-style interface
  • Recent moments feed
  • Story viewer
  • Dynamic moment switching
  • Reply input
  • User profile integration

🤖 AI

  • AI Assistant dashboard
  • Dedicated AI tools interface
  • Code Helper
  • Summarizer
  • Translator
  • Image Generator
  • Idea Generator

🎮 Games

  • Games hub
  • Interactive game library
  • Modern game cards
  • Ready for future mini-games

⚙️ Settings

  • User profile management
  • Appearance settings
  • Theme switching
  • Notification settings
  • Privacy settings
  • Storage management
  • About section
  • Settings popups

🛠️ Tech Stack

  • HTML5
  • CSS3
  • Vanilla JavaScript (ES6)
  • LocalStorage API
  • Font Awesome Icons
  • Responsive Flexbox Layout

🚀 Getting Started

Prerequisites

  • A modern web browser (Chrome, Edge, Firefox, or Safari)

Installation

git clone https://github.com/ByteBender9/DoChat.git
cd DoChat

Run the Application

Open index.html in your browser to launch DoChat.

No build tools, frameworks, or package installation are required.


📂 Project Structure

DoChat/
│
├── css/
├── js/
├── images/
├── index.html
└── README.md

🚧 Project Status

Current Version: Alpha

DoChat is currently in active development. New features, UI improvements, and functionality are being added regularly.


📌 Upcoming Improvements

  • Complete Spaces functionality
  • Improve Moments experience
  • Interactive mini-games
  • AI integration
  • Backend development
  • User authentication
  • Real-time messaging
  • Database integration

📸 Screenshots

Coming Soon


📬 Contact


⭐ Support

If you like this project, consider giving it a ⭐ Star on GitHub.

Feedback, suggestions, and contributions are always welcome.

About

Modern desktop messaging platform built with HTML, CSS & JavaScript featuring chats, spaces, moments, AI, and a modular UI.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages