atmaniali / whatsapp-ui

React Native WhatsApp UI Clone

What it does:

This project is a functional replica of the WhatsApp interface, built using React Native for mobile devices. It mimics the core features of the popular messaging app.

Who it's for:

This project is ideal for:

• React Native developers: As a learning resource to explore building mobile UIs with React Native and its popular libraries.
• Mobile app enthusiasts: To understand the technical aspects and design principles behind a widely used app like WhatsApp.
• Anyone interested in cross-platform development: To see how React Native can be used to build apps for both iOS and Android.

Authors

• @atmaniali

Installation

1. Clone the repository:

• Open a terminal window and navigate to the directory where you want to clone the repository.
• Run the git clone command with the URL of the GitHub repository:

  git clone https://github.com/atmaniali/Whatsapp-UI

2. Install dependencies:

• Navigate to the Whatsapp-UI directory.

cd Whatsapp-UI

• Run the following command to install all the necessary dependencies:

npm install

3. Setting Up Expo:

• Run the following command to start the Expo server:

expo start

4. Running the App:

• If you haven't already, download and install the Expo Go app on your smartphone or tablet.
• In the Expo Go app, search for your app by entering the URL displayed in the terminal after running expo start .
• The app should appear in the list, and you can tap it to run it on your device.

Demo:

whatsapp.mp4