https://github.com/malikhamzasaleemi/whatsapp-design

This project features a chat interface inspired by WhatsApp, including user login, signup, and forgot password functionalities. It provides a responsive chat experience with real-time messaging, emoji support, and various user interaction features such as reply options, seen notifications, file size alerts, and delete confirmations.
https://github.com/malikhamzasaleemi/whatsapp-design

whatsapp whatsapp-chat whatsapp-clone whatsapp-hacking whatsapp-stickers whatsapp-web

Last synced: 8 months ago
JSON representation

This project features a chat interface inspired by WhatsApp, including user login, signup, and forgot password functionalities. It provides a responsive chat experience with real-time messaging, emoji support, and various user interaction features such as reply options, seen notifications, file size alerts, and delete confirmations.

• Host: GitHub
• URL: https://github.com/malikhamzasaleemi/whatsapp-design
• Owner: MalikHamzaSaleemi
• Created: 2024-08-20T07:02:31.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-20T07:36:07.000Z (over 1 year ago)
• Last Synced: 2025-01-27T12:11:29.946Z (10 months ago)
• Topics: whatsapp, whatsapp-chat, whatsapp-clone, whatsapp-hacking, whatsapp-stickers, whatsapp-web
• Language: HTML
• Homepage: https://malikhamzasaleemi.github.io/WhatsApp-Design/
• Size: 2.48 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# WhatsApp Chat Design

This repository contains a chat interface design inspired by WhatsApp. It includes features such as user login, signup, and forgot password functionalities, along with other WhatsApp-like features.

## Features

- **Login**: User authentication with email and password.

  ![Login Screen](docs/images/login-screen.png)

- **Signup**: New user registration with form validation.

  ![Signup Screen](docs/images/signup-screen.png)

- **Forgot Password**: Password reset functionality.

  ![Forgot Password Screen](docs/images/forgot-password-screen.png)

- **Chat Interface**: 

  - Real-time messaging

  - Emoji picker

  - Notification icon with count

  - Voice recording feature

  - Responsive design

  - Reply Back Option

  - User Seen Popup

  - File Max Size Popup

  - Delete Confirmation 

  ![Chat Interface](docs/images/chat-interface.png)

- **Delete Confirmation**: Provides a confirmation dialog before deleting a message to prevent accidental deletions.

  ![Delete Confirmation](docs/images/delete.png)

- **Reply Back Option**: Allows users to reply to specific messages.

  ![Reply Back Option](docs/images/largefile.png)

- **User Seen Popup**: Shows when the user has seen a message.

  ![User Seen Popup](docs/images/seen.png)

- **File Max Size Popup**: Alerts users when a file exceeds the maximum size limit.

  ![File Max Size Popup](docs/images/largefile.png)

## Installation

1. **Clone the Repository**:

   ```bash

   [git clone https://github.com/yourusername/whatsapp-chat-design.git]