katha-shah / ShoppingApp

Shopping Android Application

Home Page:https://youtu.be/67x7HLHjczA

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Web Application (AngularJS, Node.js)

Demo Link

ShoppingApp

Demo Link

1) High Level Design

  • Developed an Android application, which allows users to search through the eBay items catalog and look at the detailed information about them.
  • The App contains 5 screens: Initial Form, Item Catalog, Product Information screen, Seller Information screen and Shipping Information screen.
  • This app has been designed and implemented in a Pixel 2XL emulator by using SDK API 29 (Android Studio)
  • Used ebay Developers API, Node.js backend deployed on GCP,

2) Implementation Design

App Icon and Splash Screen
  • The app begins with a welcome screen (see Figure below) which displays the icon of the application image
Initial Search Form
  • When you open the app, there will be an initial form displayed on the screen as shown in Figure below.
  • The initial form contains the some filters as follows. The fields are:
    • Keyword field – Mandatory
    • Price Range – Minimum and Maximum Price fields
    • Condition – 3 checkboxes, for New, Used and Unspecified
    • Sort By criteria – 4 options, name Best Match, Price: Highest first, Price + Shipping: Highest first, Price + Shipping: Lowest first
    image
Product Catalog
  • If the results are available for the search, this page displays them. If no matching result is found, it displays "No resultsfound" instead. image
Detailed Product Screen
  • On clicking on the particular item card,a new Activity call displays the detailed information of the product.
  • This includes the following tabs on the top - Product Summary Tab, Seller Information Tab, Shipping Information Tab image
Third Party Libraries

About

Shopping Android Application

https://youtu.be/67x7HLHjczA