Skip to content

abidiahmedcom/glovo-ui-practice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Glovo Clone Logo

Glovo Clone – Flutter UI Recreation

A pixel-inspired, non-commercial Flutter clone of the Glovo delivery app UI.
⚠️ This is NOT an official Glovo product. It is a personal project built for learning and portfolio purposes only.

Flutter Dart License Status


📖 About

This project is a UI clone of the popular food & delivery app Glovo, built entirely with Flutter. The goal was to replicate the look and feel of the original Glovo app as closely as possible — while understanding that this is NOT a 100% copy. Some screens, animations, and features have been adapted, simplified, or reimagined to fit the scope of a personal project.

Disclaimer: This project is intended solely for educational and portfolio purposes. It is not affiliated with, endorsed by, or connected to Glovo in any way. No real data, API, or backend services from Glovo are used. All trademarks belong to their respective owners.


📸 Screenshots

Login Verification Home Explorer
Login Screen Verification Screen Home Screen Explorer Screen
Explorer (Details) Orders Profile Modify
Explorer Details Screen Orders Screen Profile Screen Modify Screen

✨ Features

  • 🔐 Login & Verification – Phone number authentication flow with OTP verification UI
  • 🏠 Home Screen – Category browsing, promo banners, and restaurant listings
  • 🔍 Explorer Screen – Discover restaurants, cuisines, and food categories
  • 📦 Orders Screen – View past and current orders
  • 👤 Profile / Account Screen – User profile management UI
  • ✏️ Modify Screen – Edit user information
  • 🎨 Custom Fonts – Uses Glovo's original font family (Black, Bold, Book, Medium) + WorkSans
  • 🎞️ Lottie Animations – Smooth, delightful animations throughout the app
  • 📱 SVG Assets – Crisp vector graphics for icons and illustrations
  • 🧭 Bottom Navigation – Seamless tab-based navigation (Home, Explorer, Orders, Account)

🛠️ Tech Stack

Technology Purpose
Flutter Cross-platform UI framework
Dart Programming language
flutter_svg SVG rendering
Lottie Animation playback
Custom Fonts Glovo-inspired typography

🚀 Getting Started

Prerequisites

  • Flutter SDK (3.x or later)
  • Dart SDK (3.x or later)
  • Android Studio / VS Code with Flutter extensions
  • An Android or iOS emulator, or a physical device

Installation

# Clone the repository
git clone https://github.com/YOUR_USERNAME/glovo-clone.git

# Navigate to the project directory
cd glovo-clone/glovo

# Install dependencies
flutter pub get

# Run the app
flutter run

📂 Project Structure

glovo/
├── assets/
│   ├── fonts/          # Custom Glovo & WorkSans fonts
│   ├── images/         # PNG assets (categories, restaurants, icons…)
│   ├── lotties/        # Lottie animation files
│   └── svgs/           # SVG vector assets
├── lib/
│   ├── constants/      # App-wide constants (colors, styles…)
│   ├── screens/        # All app screens
│   │   ├── home_screen.dart
│   │   ├── explorer_screen.dart
│   │   ├── orders_screen.dart
│   │   ├── account_screen.dart
│   │   ├── login_screen.dart
│   │   ├── verification_screen.dart
│   │   └── ...
│   ├── widgets/        # Reusable UI components
│   └── main.dart       # App entry point
├── screenshots/        # App screenshots
└── pubspec.yaml        # Flutter project configuration

⚠️ What's Different from the Original Glovo App?

This is a UI-only project with no backend integration. Here's what differs:

Aspect Original Glovo This Clone
Backend / API Full production backend ❌ No backend – static UI only
Payments Real payment processing ❌ Not implemented
Live Tracking Real-time order tracking ❌ Not implemented
Authentication Real phone/email auth 🎨 UI only (no real auth)
Data Live restaurant & product data 📦 Static / mock data
All Screens 50+ screens 🔢 ~10 key screens recreated
Animations Proprietary animations 🎞️ Lottie-based alternatives

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

📄 License

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


🙏 Acknowledgements

  • Glovo – for the design inspiration
  • Flutter – for the amazing cross-platform framework
  • Lottie – for beautiful animations
  • flutter_svg – for SVG support

Made with ❤️ and Flutter
This project is for educational purposes only and is not affiliated with Glovo.

About

A high-fidelity, pixel-perfect Glovo clone built with Flutter. Features a clean UI recreation of login, home, explorer, and order tracking screens with smooth Lottie animations and custom typography. Ideal for learning Flutter UI/UX and delivery app architecture.

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages