Skip to content

AbhinaySrikanth/WhatsappClone

Repository files navigation

WhatsApp Clone Application

This project is a clone of WhatsApp with a custom UI and additional features. It aims to provide a similar messaging experience with unique tweaks and enhancements to the original design and functionality. Below is an overview of the changes, features, and setup instructions.

Features

  • Enhanced Chat UI: Redesigned chat interface with a new look and feel.
  • Custom Chat Background: Option to change the chat background with different themes.
  • Updated Logos and Icons: Fresh icons and logos for a modernized appearance.
  • Improved Chat Functionalities: Added backend enhancements for smoother messaging experiences.
  • Media Sharing: Ability to send and receive images, videos, and documents.
  • Real-Time Notifications: Instant notifications for new messages.

UI Changes

The user interface has been significantly updated:

  • Redesigned Chat Background: Fresh, clean look with customizable themes.
  • New Icons and Images: Modern icons for a fresh visual appeal.
  • Enhanced User Profile Views: Improved layouts and user information display.
  • Refined Chat Bubbles: Sleeker chat bubble design for easy readability.

Backend Functionality

The backend includes the following improvements:

  • Chat Functionality Enhancements: Improved message sending and receiving logic.
  • Database Integration: Seamless connection with a real-time database to sync messages.
  • Enhanced API Support: Refined API calls to support new features and ensure smooth performance.
  • Message History: Ability to load message history and sync new messages in real-time.

Setup and Installation

Prerequisites

  • Ensure you have Node.js and npm installed.
  • Set up a Firebase project (or the relevant database) and configure real-time database and authentication.

Installation Steps

  1. Clone the Repository

    git clone https://github.com/yourusername/whatsapp-clone.git
    cd whatsapp-clone
  2. Install Dependencies

    npm install
  3. Set Up Firebase Config

    • Copy your Firebase credentials to the project.
  4. Run the Application

    npm start
  5. Open your browser and navigate to http://localhost:3000 to start using the application.

Technologies Used

  • Frontend: React, CSS, HTML
  • Backend: Node.js, Express, Firebase Realtime Database (or any chosen database)
  • Icons and Logos: Custom icons and images for a personalized look

Contributing

Contributions are welcome! If you'd like to improve this clone, please fork the repository, make your changes, and submit a pull request.

License

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


Enjoy your customized WhatsApp clone!

About

Created a clone app for Whatsapp.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages