This project is a Twitter UI clone built entirely with Jetpack Compose, inspired by Twitter’s recent adoption of this technology in their Android app. The goal was to recreate Twitter’s user interface down to the last detail, and this project was completed without relying on any third-party libraries.
- Jetpack Compose for UI Design
- MVVM Architecture for code separation, management, and testing
- Compose Navigation for seamless app navigation
- Animations and offsets for smooth user interactions
- Bottom Navigation Bar for easy navigation
- Material 3 Top App Bar and Search Bar for a modern look
- Jetpack Compose Effects for interactive UI elements
- Nested Scroll Connections for complex views
- Core Splash Screen Dependency for a great user onboarding experience
- ConstraintLayout and Nested Navigation for building a complex UI
- Faithful recreation of Twitter’s UI, inspired by their recent use of Jetpack Compose.
- A seamless navigation and user experience.
- Smooth animations and engaging UI elements.
- Utilization of Material Design 3 elements for a modern and visually appealing look.
- A responsive Bottom Navigation Bar for easy app navigation.
- Advanced UI components, including a search bar.
- Nested scrolling for complex views with efficient data handling.
- A core splash screen for a polished user onboarding experience.
This project is a living document of my journey with Jetpack Compose, and I’m committed to continuous improvement. Some potential areas for future enhancements include:
- Performance optimizations.
- Further code refactoring and architectural improvements.
- Enhanced compatibility and responsive design for various Android devices.
- Integration of additional Twitter-like features and functionalities.
- Continued learning and exploration of the latest Jetpack Compose features.
To get this project up and running on your local machine, follow these steps:
- Clone this repository:
git clone https://github.com/Mahfoudh-Aggoun/Twitter-UI-clone-jetpack-compose-git
- Open the project in Android Studio or your preferred Android IDE.
- Build and run the project on an Android emulator or a physical device.
Is it okay to use runBlocking?
In this video I’ll talk about when it’s fine to use the runBlocking function from Kotlin coroutines and when you...
Mobile App Development Best Practices – 07.12
KSP2 Preview, Mastering in SwiftUI, How to implement gamification and more!
Gemini is the new foundation for artificial intelligence in Android
Foundation models are trained on a variety of data sources to create artificial intelligence systems that can adapt to a...
Google has released AlphaCode 2 based on Gemini
Google today, along with its Gemini artificial intelligence model, unveiled AlphaCode 2, an improved version of the AlphaCode code generator...
ColorfulX – Metal for crafting multi-colored gradients
ColorfulX is an implementation using Metal for crafting multi-colored gradients. ColorfulX Platform UIKit and AppKit platforms are generally supported. Due to MTKView not...
Mobile App Development Best Practices – 06.12
Power of enums, A New Foundation for AI on Android, developer dogmas and more!