This project is a clone of the updated version of WhatsApp's user interface (UI), built using Flutter. The navigation within the app is implemented using GetX, and there is no backend functionality.
I embarked on this project with the primary goal of deepening my understanding of Flutter's UI widgets. As an enthusiast of mobile app development, I wanted to explore the intricacies of building complex user interfaces, particularly those resembling popular applications like WhatsApp.
Throughout the journey of building this application, I encountered numerous learning opportunities. I delved into various Flutter UI widgets, honed my skills in state management using GetX, and gained insights into mobile app design principles.
I successfully completed this application within a span of 6 days. Despite the tight timeline, I thoroughly enjoyed the process and the challenges it presented.
I am excited to share this project with the community, and I hope it serves as a valuable resource for fellow Flutter developers. Your feedback and suggestions are always welcome, and I look forward to your support and encouragement.
- Open your terminal or command prompt
- Navigate to the directory where you want to save the project
- Use the git clone command followed by the repository URL
git clone https://github.com/Pinkisingh13/whatsapp_ui_clone.git- Navigate to the project's directory
cd <repository-name>- Run the following command to install the required packages
flutter pub get- Navigate to the project's directory
cd <repository-name>- Run the following command to generate the required files
flutter pub run build_runner build --delete-conflicting-outputs -
Physical Device
- Enable USB debugging on your device
- Connect it to your computer using a USB cable.
-
Emulator
- Start an Android or iOS emulator using your preferred IDE or tools.
- Use the following command to build and run the project
flutter run