{"id":23860389,"url":"https://github.com/abdo-essam/shopping_app_interface","last_synced_at":"2026-06-01T19:30:18.777Z","repository":{"id":270198516,"uuid":"909481512","full_name":"abdo-essam/Shopping_App_Interface","owner":"abdo-essam","description":"A modern shopping app interface created with Flutter, featuring animated transitions, secure signup, and featuring localization support for English and Arabic.","archived":false,"fork":false,"pushed_at":"2025-02-19T01:32:36.000Z","size":57537,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-19T02:29:05.896Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/abdo-essam.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-28T20:44:58.000Z","updated_at":"2025-02-19T01:32:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"d0733390-acc4-4a3c-84da-63ad3605ba21","html_url":"https://github.com/abdo-essam/Shopping_App_Interface","commit_stats":null,"previous_names":["abdo-essam/shopping_app_interface"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdo-essam%2FShopping_App_Interface","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdo-essam%2FShopping_App_Interface/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdo-essam%2FShopping_App_Interface/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abdo-essam%2FShopping_App_Interface/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abdo-essam","download_url":"https://codeload.github.com/abdo-essam/Shopping_App_Interface/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240170054,"owners_count":19759141,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-03T04:55:20.173Z","updated_at":"2026-06-01T19:30:18.719Z","avatar_url":"https://github.com/abdo-essam.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flutter Shopping App Interface\n\nA modern shopping app interface created with Flutter, featuring animated transitions, secure signup, and featuring localization support for English and Arabic.\n\n## Features\n- Email \u0026 Password Authentication\n- Login Screen\n- Sign Up Screen\n- Form Validation\n- Error Handling\n- Loading States\n- Secure Password Storage\n- Navigation Flow\n- Firebase Authentication\n- Biometric Authentication\n- Profile Management\n- Secure Profile Access\n\n\n## Firebase Setup\n1. Create a Firebase project\n2. Enable Email/Password authentication\n3. Add your Firebase configuration\n4. Install Firebase CLI\n5. Initialize Firebase in your Flutter project\n\n\n### Localization\n- Full support for English and Arabic languages\n- RTL layout support for Arabic\n- Localized strings for all UI elements\n- Easy to add more languages\n\n### Animations\n- Smooth fade transition between signup and shopping screens\n- Custom page route animation implementation\n- Professional screen transitions\n\n### Authentication\n- Secure signup screen with form validation:\n  - Full name with capitalized first letter validation\n  - Email format validation (@)\n  - Password minimum length (6 characters)\n  - Password confirmation matching\n  - Real-time validation feedback via SnackBar\n  - Success confirmation dialog\n\n### Shopping Interface\n- Responsive design using MediaQuery\n- Product carousel using PageView\n- Product grid with add to cart SnackBar notifications\n- Horizontal scrollable hot offers list\n\n## Code Structure\nThe code is organized into separate modules for better maintainability:\n\n### Core Files\n- `lib/main.dart`: App entry point with theme configuration\n\n### Screens\n- `lib/screens/`\n  - `signup_screen.dart`: User registration interface\n  - `home_screen.dart`: Main shopping interface\n  - 'login_screen.dart': User login interface\n\n### Animations\n- `lib/animations/`\n  - `fade_page_route.dart`: Custom fade transition\n\n### Widgets\n- `lib/widgets/signUp/`\n  - `signup_form_field.dart`: Reusable form input component\n  - `signup_button.dart`: Custom signup button\n- `lib/widgets/shopping/`\n  - `product_page_view.dart`: Product carousel\n  - `product_grid.dart`: Products display grid\n  - `hot_offers_list.dart`: Horizontal offers list\n\n### Utils\n- `lib/utils/`\n  - `dialog_utils.dart`: Dialog components\n  - `snackbar_utils.dart`: Notification components\n  - `style_constants.dart`: App styling constants\n\n## Animation Implementation\n\nThe app uses custom page route transitions to create smooth animations:\n- FadePageRoute: Creates a fade transition between screens\n- Duration: 400 milliseconds for optimal user experience\n- Smooth opacity animation from 0 to 1\n\n## Localization Implementation\nThe app implements localization using:\n- Custom AppLocalizations class\n- Localization delegate\n- Support for English and Arabic\n- RTL layout support\n- Centralized string management\n\n## How to Run\n\n1. Clone the repository\n2. Run `flutter pub get`\n3. Run `flutter run`\n\n## Screenshots\n\n| Signup Screen | Signup Screen Arabic | Login Screen | Login Screen Arabic |\n|---|---|---|---|\n| \u003cimg src=\"signup_screen.png\" width=\"250\"\u003e | \u003cimg src=\"signup_screen_ar.png\" width=\"250\"\u003e | \u003cimg src=\"login_screen.png\" width=\"250\"\u003e | \u003cimg src=\"login_screen_ar.png\" width=\"250\"\u003e |\n\n| Shopping Home Arabic | Shopping Home |\n|---|---|\n| \u003cimg src=\"shopping_screen_ar.png\" width=\"250\"\u003e | \u003cimg src=\"shopping_screen.png\" width=\"250\"\u003e |\n\n| Profile Page                        |\n|-------------------------------------|\n| \u003cimg src=\"profile.png\" width=\"250\"\u003e |\n## Implementation Details\n\n### Animation\n- Custom PageRouteBuilder implementation\n- Smooth fade transition effect\n- Configurable animation duration\n- Clean animation code structure\n\n### Signup Screen\n- Centered form layout with card design\n- Real-time validation feedback\n- Secure password input with visibility toggle\n- Success dialog with animated navigation\n\n### Shopping Interface\n- Dynamic product carousel\n- Interactive product grid with cart functionality\n- Responsive hot offers section\n- Clean and intuitive UI design\n\n## Future Improvements\n\n- Add more animation types\n- Implement login functionality\n- Add user profile management\n- Integrate with backend services\n- Add product details screen\n- Implement checkout process\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdo-essam%2Fshopping_app_interface","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabdo-essam%2Fshopping_app_interface","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabdo-essam%2Fshopping_app_interface/lists"}