Top Quality Products

E-Shop — Flutter E-Commerce App Using Rest API, Scooped Model with E-Commerce UI Kit

$18.00

Added to wishlistRemoved from wishlist 0
Add to compare

13 sales

LIVE PREVIEW

E-Shop — Flutter E-Commerce App Using Rest API, Scooped Model with E-Commerce UI Kit

E-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

0.0 out of 5
0
0
0
0
0
Write a review

There are no reviews yet.

Be the first to review “E-Shop — Flutter E-Commerce App Using Rest API, Scooped Model with E-Commerce UI Kit”

Your email address will not be published. Required fields are marked *

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

  1. Open the E-Shop app on your mobile device or emulator.
  2. Tap the "Sign Up" button to register as a new user.
  3. Enter your name, email address, password, and phone number.
  4. Tap the "Register" button to complete the registration process.

Step 2: Browsing Products

  1. Once logged in, tap the "Catalog" tab to access the product list.
  2. Browse through the available products by scrolling down or tapping on the "Previous" and "Next" buttons.
  3. Filter products by price, rating, or categories by tapping on the corresponding icons at the top.
  4. Tap on a product image to view product details.

Step 3: Adding Items to the Cart

  1. While viewing a product, tap the "Add to Cart" button.
  2. A pop-up dialog will appear asking for the quantity you want to add. Enter the quantity and tap "Add to Cart".
  3. A toast message will appear to confirm the item has been added to your cart.
  4. To view your cart, tap the cart icon at the top-right corner of the screen.

Step 4: Managing the Cart

  1. In the cart page, you can view all items added to your cart.
  2. Tap an item to edit the quantity or remove it from the cart.
  3. You can also calculate the subtotal by tapping on the subtotal value.
  4. If you want to checkout, tap the "Checkout" button.

Step 5: Making a Purchase

  1. On the checkout page, enter your shipping address, payment details, and billing information.
  2. Tap the "Proceed to Payment" button.
  3. Choose a payment method (e.g., credit card, PayPal, etc.) and provide required information.
  4. Review your order and payment information before submitting the purchase.
  5. A successful purchase message will appear if the payment is processed.

Step 6: View Order History

  1. Tap the "My Account" tab and scroll down to the "Order History" section.
  2. View a list of your past orders, including order date, total price, and status (pending, shipped, or cancelled).

Additional Features

  1. User Profile Management: You can view, edit, or delete your account information, including email address, phone number, and password.
  2. 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.
  3. 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:

  1. Fully Functional With Rest API: The app is built using Rest API, which allows for seamless integration with other systems and data sources.
  2. 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.
  3. 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.
  4. Entities & Models are ready to use: The app includes pre-built entities and models that can be easily used to get started with development.
  5. Clean Code and Structural Design: The app's code is clean and well-structured, making it easy to maintain and extend.
  6. Great and helpful Components: The app includes a range of useful components, such as:
    • Tabs
    • Sliders
    • Swipers
    • Cards
    • Hero Animations
    • Search bars
    • Button Navigations
  7. 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.

E-Shop — Flutter E-Commerce App Using Rest API, Scooped Model with E-Commerce UI Kit
E-Shop — Flutter E-Commerce App Using Rest API, Scooped Model with E-Commerce UI Kit

$18.00

Shop.Vyeron.com
Logo
Compare items
  • Total (0)
Compare
0