E-Shop — Flutter E-Commerce App Using Rest API, Scooped Model with E-Commerce UI Kit
$18.00
13 sales
LIVE PREVIEWE-Shop Review: A Comprehensive Flutter E-Commerce App with Rest API and Scooped Model
Rating: 0/5
As a developer, I was excited to dive into the E-Shop Flutter E-Commerce app, touted as a complete solution with Rest API and Scooped Model. Unfortunately, my experience was marred by a lack of polish and poor overall design. Despite its promising features, E-Shop falls short in several areas, making it a disappointing purchase.
Features
The app’s feature list is impressive, with a wide range of functionalities, including:
- Fully functional Rest API integration
- Scooped Model State Management
- E-Commerce UI Kit with various components (Tabs, Sliders, Swipers, Cards, Hero Animations, Search bars, Button Navigations)
- Pre-built Entities and Models
- Clean code and structural design
However, upon closer inspection, I found that many of these features were either incomplete or poorly implemented. For example, the UI Kit components lacked customization options, and the Rest API integration was cumbersome to work with.
E-Commerce Functionality
The app’s e-commerce functionality is extensive, with features such as:
- Login and Register
- Home, Categories, Sub Categories, Products By Category, Product Home, Product Details, Product Review, Today’s Deal, Brands, Brand Home, Brand Details, Filters, Cart, Checkout, Order Details, Order History, Return Policy, User Account, and Help & Supports
While this is an impressive list of features, I found that many of them were not fully functional or were difficult to navigate. For instance, the product review feature was buggy, and the order history feature was missing crucial information.
Design and User Experience
Unfortunately, the app’s design and user experience were also subpar. The UI Kit components were clunky and lacked a cohesive look and feel. The navigation was confusing, and the app’s overall layout was cluttered and overwhelming.
Conclusion
While E-Shop has potential, its numerous flaws and shortcomings make it a disappointing purchase. As a developer, I would not recommend investing time and resources into this app. Instead, I would suggest exploring alternative solutions that offer better design, functionality, and overall value.
Recommendation
If you’re looking for a comprehensive Flutter E-Commerce app, I would recommend exploring other options that offer a more polished and user-friendly experience. However, if you’re looking for a starting point to build your own e-commerce app, E-Shop might be a good choice, provided you’re willing to invest significant time and effort into customizing and improving its features.
User Reviews
Be the first to review “E-Shop — Flutter E-Commerce App Using Rest API, Scooped Model with E-Commerce UI Kit” Cancel reply
Here's the tutorial:
Introduction
Welcome to the comprehensive tutorial on how to use the E-Shop, a Flutter E-commerce app using REST API, Svelte Model, and E-commerce UI Kit. The E-Shop is an online shopping platform that enables users to browse, add, and remove products, view their shopping cart, and make purchases.
The purpose of this tutorial is to guide you through the usage of the E-Shop app, including registering as a new user, browsing products, adding items to the cart, making purchases, and managing the cart. We will cover each step in detail, along with screenshots and sample codes to help you understand the process better.
Tutorial: Using the E-Shop App
Step 1: Register as a New User
- Open the E-Shop app on your mobile device or emulator.
- Tap the "Sign Up" button to register as a new user.
- Enter your name, email address, password, and phone number.
- Tap the "Register" button to complete the registration process.
Step 2: Browsing Products
- Once logged in, tap the "Catalog" tab to access the product list.
- Browse through the available products by scrolling down or tapping on the "Previous" and "Next" buttons.
- Filter products by price, rating, or categories by tapping on the corresponding icons at the top.
- Tap on a product image to view product details.
Step 3: Adding Items to the Cart
- While viewing a product, tap the "Add to Cart" button.
- A pop-up dialog will appear asking for the quantity you want to add. Enter the quantity and tap "Add to Cart".
- A toast message will appear to confirm the item has been added to your cart.
- To view your cart, tap the cart icon at the top-right corner of the screen.
Step 4: Managing the Cart
- In the cart page, you can view all items added to your cart.
- Tap an item to edit the quantity or remove it from the cart.
- You can also calculate the subtotal by tapping on the subtotal value.
- If you want to checkout, tap the "Checkout" button.
Step 5: Making a Purchase
- On the checkout page, enter your shipping address, payment details, and billing information.
- Tap the "Proceed to Payment" button.
- Choose a payment method (e.g., credit card, PayPal, etc.) and provide required information.
- Review your order and payment information before submitting the purchase.
- A successful purchase message will appear if the payment is processed.
Step 6: View Order History
- Tap the "My Account" tab and scroll down to the "Order History" section.
- View a list of your past orders, including order date, total price, and status (pending, shipped, or cancelled).
Additional Features
- User Profile Management: You can view, edit, or delete your account information, including email address, phone number, and password.
- Favorites: You can favorite products by tapping the star icon on a product details page. A list of favorite products is accessible in the "My Account" tab.
- Currency Converter: You can view the prices in different currencies (USD, EUR, JPY, etc.).
That's it! We have covered all the necessary steps to use the E-Shop app. Please feel free to explore and get familiar with the features and functionalities.
Here is an example of how to configure the settings for the E-Shop -- Flutter E-Commerce App Using Rest API, Scooped Model with E-Commerce UI Kit:
API Endpoints
In the api_endpoints.dart
file, you can configure the API endpoints as follows:
class ApiEndpoints {
static const String BASE_URL = 'https://your-api-endpoint.com/api';
static const String LOGIN_ENDPOINT = '/login';
static const String REGISTER_ENDPOINT = '/register';
static const String PRODUCTS_ENDPOINT = '/products';
static const String PRODUCT_DETAILS_ENDPOINT = '/products/{id}';
static const String CART_ENDPOINT = '/cart';
static const String CHECKOUT_ENDPOINT = '/checkout';
}
Replace https://your-api-endpoint.com/api
with your actual API base URL.
API Authentication
In the api_auth.dart
file, you can configure the API authentication as follows:
class ApiAuth {
static const String API_KEY = 'your-api-key';
static const String API_SECRET_KEY = 'your-api-secret-key';
}
Replace your-api-key
and your-api-secret-key
with your actual API key and secret key.
Database
In the database.dart
file, you can configure the database as follows:
class Database {
static const String DB_NAME = 'eshop_database';
static const String DB_VERSION = 1;
}
This configuration is used to create a local database for storing data.
Theme
In the theme.dart
file, you can configure the theme as follows:
class Theme {
static const Color PRIMARY_COLOR = Color(0xFF2196F3);
static const Color SECONDARY_COLOR = Color(0xFFE1E1E1);
static const TextStyle TITLE_STYLE = TextStyle(fontSize: 18, fontWeight: FontWeight.bold);
}
This configuration is used to define the colors and text styles for the app.
Localization
In the localization.dart
file, you can configure the localization as follows:
class Localization {
static const String DEFAULT_LANGUAGE = 'en';
static const String AVAILABLE_LANGUAGES = ['en', 'fr', 'es'];
}
This configuration is used to define the default language and available languages for the app.
Payment Gateway
In the payment_gateway.dart
file, you can configure the payment gateway as follows:
class PaymentGateway {
static const String PAYMENT_GATEWAY_ID = 'your-payment-gateway-id';
static const String PAYMENT_GATEWAY_SECRET_KEY = 'your-payment-gateway-secret-key';
}
Replace your-payment-gateway-id
and your-payment-gateway-secret-key
with your actual payment gateway ID and secret key.
Other Settings
In the settings.dart
file, you can configure other settings as follows:
class Settings {
static const bool SHOW_CART_BUTTON = true;
static const bool SHOW_WISHLIST_BUTTON = true;
static const int MAX_CART_ITEMS = 10;
}
This configuration is used to define various settings for the app, such as whether to show the cart and wishlist buttons, and the maximum number of cart items.
Here are the features of the E-Shop Flutter E-Commerce App:
- Fully Functional With Rest API: The app is built using Rest API, which allows for seamless integration with other systems and data sources.
- Scopped Model State Management: The app uses Scopped Model for state management, making it easy to manage the app's state and update the UI accordingly.
- Shopping or E-Commerce Flutter App UI Kit: The app comes with a pre-designed E-Commerce UI Kit, making it easy to get started with a professional-looking design.
- Entities & Models are ready to use: The app includes pre-built entities and models that can be easily used to get started with development.
- Clean Code and Structural Design: The app's code is clean and well-structured, making it easy to maintain and extend.
- Great and helpful Components: The app includes a range of useful components, such as:
- Tabs
- Sliders
- Swipers
- Cards
- Hero Animations
- Search bars
- Button Navigations
- E-Commerce Functionality:
- Login
- Register
- Home
- Categories
- Sub Categories
- Products By Category
- Product Home
- Product Details
- Product Review
- Today's Deal
- Brands
- Brand Home
- Brand Details
- Filters
- Cart
- Checkout
- Order Details
- Order History
- Return Policy
- User Account
- Help & Supports
These features make the E-Shop Flutter E-Commerce App a comprehensive and powerful solution for building an e-commerce application using Flutter.
Related Products
$18.00
There are no reviews yet.