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.
- 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
- HTML5
- CSS3
- JavaScript (ES6)
- Tailwind CSS
- Clone or download the repository.
- Open the project folder.
- Open
login.htmlin your browser or use VS Code Live Server for best experience. - Navigate: Login → Chat List → Chat Screen
- Enjoy dynamic chat features and add contacts.
ChatApp UI Link https://68fb196222be8a6ed2fcf9e9--dashing-bavarois-cd87aa.netlify.app
This project is open-source and free to use for learning and demo purposes.