Skip to content

Latest commit

 

History

7 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chat Application UI

A front-end only chat application UI built with HTML, CSS, JavaScript, and Tailwind CSS.
It includes dynamic features like adding contacts, persistent messages, dark/light mode, and simulated replies — all stored in the browser using localStorage.


🌟 Features

  • Login / Signup (UI only)
  • Chat List with dynamic contacts
  • Add new contact (stored in localStorage)
  • Search contacts in chat list
  • Chat screen with dynamic messages
  • Persistent messages using localStorage
  • Simulated replies for interactive feel
  • Back button to return to chat list
  • Dark/Light mode toggle
  • Typing indicator

🛠 Tech Stack

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • Tailwind CSS

🚀 How to Run Locally

  1. Clone or download the repository.
  2. Open the project folder.
  3. Open login.html in your browser or use VS Code Live Server for best experience.
  4. Navigate: Login → Chat List → Chat Screen
  5. Enjoy dynamic chat features and add contacts.

🌐 Live Demo

ChatApp UI Link https://68fb196222be8a6ed2fcf9e9--dashing-bavarois-cd87aa.netlify.app


⚡ License

This project is open-source and free to use for learning and demo purposes.

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages