Sneaker Shop 👟

A modern Flutter e-commerce application showcasing beautiful UI and smooth animations

---

📱 App Showcase

✨ Interactive Demo

🎯 Key Screens

✨ Key Features

🎨 UI/UX

• Modern and clean interface
• Smooth page transitions
• Hero animations for seamless navigation
• Beautiful gradient effects
• Responsive design for all screen sizes

🛠️ Technical Features

• Custom page route transitions
• Staggered animations system
• Smart image caching
• Loading skeletons
• Optimized performance

🚀 Quick Start

Prerequisites

• Flutter SDK (3.0 or higher)
• Dart SDK (3.0 or higher)
• An IDE (VS Code, Android Studio, etc.)

Installation Steps

1. Clone the repository

   git clone https://github.com/yourusername/sneaker_shop.git

2. Navigate to project directory

   cd sneaker_shop

3. Install dependencies

   flutter pub get

4. Run the app

   flutter run

🏗️ Project Structure

lib/
├── animations/              # Animation widgets
│   ├── fade_animation.dart
│   └── slide_animation.dart
│
├── screens/                 # App screens
│   ├── home/
│   │   └── home_screen.dart
│   └── details/
│       └── shoes_detail.dart
│
├── shared/                  # Shared widgets
│   └── widgets/
│       └── shoe_card_skeleton.dart
│
├── utils/                   # Utilities
│   ├── custom_page_route.dart
│   ├── image_cache_manager.dart
│   └── image_preloader.dart
│
└── main.dart               # Entry point

🎨 Design Process

Initial Designs & Prototypes

📚 Learning Resources

Flutter Essentials

• Official Flutter Documentation
• Flutter Cookbook
• First Flutter App Tutorial

Animation Guides

• Flutter Animation Guide
• Hero Animations
• Staggered Animations

🤝 Contributing

We welcome contributions! Here's how you can help:

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

---

Show your support

⭐️ Star this repo if you like what you see.

Made with ❤️ and Flutter