ZomatoCloneCompose
it is a clone of zomato app which is famous for food delivering
Install / Use
/learn @kashifansari786/ZomatoCloneComposeREADME
🚀 Excited to share my Zomato clone app built with Jetpack Compose! 🚀
Experience the journey of recreating the renowned Zomato app, known for its exceptional food delivery services. The UI/UX design is captivating, and I've successfully replicated it in this project. Take a look and share your feedback!
This project covers advanced concepts, so beginners, make sure to grasp the basics before diving in. Fork the code from my GitHub repository (https://github.com/kashifansari786/ZomatoCloneCompose) to explore further.
🔍 Project Highlights:
1)Splash screen 2)Login screen 3)Country selection screen 4)Delivery screen 5)Location screen 6)Restaurant screen 7)Dining screen (coming soon) 8)Money screen (coming soon) 9)Profile screen (coming soon) 10)Blinkit screen (coming soon)
💡 Key Learnings:
1)State management 2)Synchronized bottom and top bars when scrolling 3)Nested LazyColumn 4)LazyHorizontalGrid 5)Navigation with NavHost 6)LaunchedEffect usage 7)Scaffold for bottom and top bars 8)Dynamic status bar color changes 10)List animation on scroll (implemented in restaurant screen) 11)Coroutines and Flow usage
##ScreenShots##
<img src="screenshots/zomato_video.MOV" alt="Video" width="300"/>
<img src="screenshots/login_screen.JPG" alt="LoginScreen" width="300"/>
<img src="screenshots/home_screen_1.JPG" alt="Home Screen 1" width="300"/>
<img src="screenshots/home_screen_2.JPG" alt="Home Screen 2" width="300"/>
<img src="screenshots/home_screen_3.JPG" alt="Home Screen 3" width="300"/>
<img src="screenshots/restaurant_screen_1.JPG" alt="Restaurant Screen 1" width="300"/>
<img src="screenshots/restaurant_screen_2.JPG" alt="Restaurant Screen 2" width="300"/>
<img src="screenshots/restaurant_screen_3.JPG" alt="Restaurant Screen 3" width="300"/>
Related Skills
node-connect
354.2kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
112.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
354.2kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
354.2kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
