- Product Details Screen
- Login Screen
- Loading Screen
- Cart Screen
- Popular Product Screen
- Special Product Screen
- New Product Screen
- Reviews Screen
- Create Review Screen
- Wish List
- Categories List
Splash Page | Login Screen | OTP Verify Screen |
---|---|---|
![]() |
![]() |
![]() |
Loading Screen | Home Page | Product Details Screen |
---|---|---|
![]() |
![]() |
![]() |
Complete Profile Screen | Cart Screen | Categories List |
---|---|---|
![]() |
![]() |
![]() |
Popular Product Screen | Special Product Screen | New Product Screen |
---|---|---|
![]() |
![]() |
![]() |
Create Review Screen | Payment Screen | Review Screen |
---|---|---|
![]() |
![]() |
![]() |
|
Dark Mode | Otp Payment Screen | Dark Mode |
---|---|---|
![]() |
![]() |
![]() |
User can see all available products and add desired products add to the cart and remove from the cart.
- Splash Screen
- Home Screen
- Product Details Screen
- Login Screen
- Loading Screen
- Cart Screen
- OTP Verify Screen
- Popular Product Screen
- Special Product Screen
- New Product Screen
- Reviews Screen
- Create Review Screen
- Wish List
- Categories List
- Complete Profile Screen
- About Dialog
The splash screen is typically the first screen that users see when they launch the app. It often displays the app's logo or a brief loading animation and serves as an introductory screen before the main application loads.
The home screen is the central hub of the app where users can access various features and navigate to different sections of the application. It usually provides an overview of the app's main content and functionality.
This screen displays detailed information about a specific product, including its name, description, price, images, and user reviews. Users can typically view product details and make purchase decisions on this screen.
The login screen is where users can enter their credentials (e.g., username and password) to access their accounts or specific features of the app. It's a crucial component for apps that require user authentication.
A loading screen appears when the app is retrieving data or performing time-consuming tasks. It informs users that the app is working in the background and provides a visual indication of progress.
The cart screen allows users to view and manage items they've added to their shopping cart before making a purchase. Users can often adjust quantities, remove items, or proceed to checkout from this screen.
This screen is typically used for one-time password (OTP) verification, often sent to a user's mobile number or email during the registration or login process. Users enter the OTP here to verify their identity.
This screen showcases a selection of products that are currently popular among users. It can help users discover trending or highly-rated items.
Similar to the popular product screen, this screen highlights special or featured products that the app wants to promote, such as seasonal offers or exclusive items.
This screen displays newly added or recently released products in the app's catalog. It helps users stay updated on the latest offerings.
Users can read and write product reviews on this screen. It often displays user-generated content, including ratings, comments, and feedback about products.
This screen allows users to write and submit their reviews and ratings for products they've purchased or used. It may include text fields, star ratings, and image uploads.
Users can add products they are interested in but not ready to purchase to their wish list. This screen allows users to manage and view their saved items for future reference.
This screen provides a list of product categories or sections within the app, making it easier for users to browse and filter products based on their interests.
Users can update and manage their profile information, including personal details, shipping addresses, and notification preferences on this screen.
- sizer: ^2.0.15
- get: ^4.6.5
- google_fonts: ^5.1.0
- flutter_svg: ^2.0.7
- pin_code_fields: ^8.0.1
- get_storage: ^2.1.1
- carousel_slider: ^4.1.0
- eva_icons_flutter: ^3.1.0
- http: ^1.1.0
- shimmer: ^3.0.0
- flutter_animate: ^4.2.0+1
- bottom_bar_matu: ^1.3.0
- cached_network_image: ^3.2.3
- device_preview: ^1.1.0
- motion_toast: ^2.7.8
- empty_widget: ^0.0.5
- empty_widget: ^0.0.5
- connectivity_plus: ^5.0.1
- dio: ^5.3.3
- webview_flutter: ^4.4.1
Dart
Flutter
Rest API
Getx
Github Action (CI/CD)`