I Spy Shopper is a grocery delivery app for the visually impaired. You can sign up, browse, buy, and have groceries delivered to your front door. I Spy Shopper was designed with Accessibility first and foremost unlike many other apps out there. Check out the demo of our app below:
Search Screen
Simple, swift, and straightforward. I Spy Shopper makes it easy to find the products you need. To find your products, enter relevant keywords such as product type or brand into the search bar, click 'Search', and let the fuzzy word matching do the rest.
Looking for the cheapest products, or maybe just products from the U.S. on a given page of results? Apply one or more of the many filtering and sorting options and see the results update to fit your needs.
If you know you've entered the right keywords but can't find what you're looking for, don't worry. Many searches will return several pages of results that you can sift through by using the navigation buttons just below the search results.
Once you've found what you're looking for, you can directly add that item to your cart from the search results. If you'd want to know more about an item, then simply click on the product's card--you'll be notified when it's selected--and then click the 'Details' button below the 'Search' button; that'll take you to that product's detail page.
Settings Screen
Access the settings screen by using the navigation bar at the bottom of the app and clicking the cog wheel. If you haven't created an account and/or signed in yet, you'll need to do so before being able to access your settings. Once there, you can see who you're currently signed in as, as well as the current store you're ordering products from near the top of the page.
You can conveniently change account information such as delivery address, billing information, and current store at any time to suit your needs. If you want to order groceries on behalf of someone else, for example, it's easy to change the delivery address to do so. You can also select how many products to view on each page by clicking on the option your prefer and hitting the 'Save Button'. Once you're done, you may sign out of your account here as well.
Lastly, if you need a refresher video on how to use the app, you can access the tutorial from the bottom of the settings screen.
Signup Screen
The sign up screen is straight forward and elegant. To promote cyber safety, all accounts must be created with passwords that would be challenging for hackers to decrypt.
All data tied to user accounts are stored in Firebase, a database and authentication service created by Google.
Login Screen
The login screen is where your shopping journey begins. Here you can go to the sign up screen, watch a tutorial on how to use the app, continue without signing in, and of course log in to your account.
Continuing without signing in is a way to get a feel for the app so you can decide whether or not creating an account is right for you. You can't make purchases or change settings if you do not sign in however.
Location Screen
Our app also has location integration that allows you to view all the nearby Kroger associated grocers in the area of your zip code! Krogers data API scans its records and lists out all of the stores nearest to you from top to bottom giving you a range of options to choose from, and if you'd ever like to change your store on the fly theres an option to change your location in the settings page!
Product Screen
The Product Details screen shows you a larger more direct view of the product you want to add to your cart with a full high definition image of the product!
Cart Screen
After you add items to your cart, head on over to the Cart screen to view them! You can view your total to see what the cost will be. You can also make changes within the Cart such as incrementing or decrementing how many of the same items you would like to purchase. You can also remove items from the cart via the remove button if you no longer want that item. Once you are satisfied, click the buy button to move forward with your order!
Billing Info Screen
If you have an account, the Billing Info screen allows you to enter the information on your debit card to make purchases! It saves your information so you don't have to worry about inputting the information each time. Though you can always change your information. You can access the Billing Info screen via the settings screen or on the Checkout Screen when you press the buy button from the Cart Screen.
Delivery Address Screen
The delivery address screen is very easy to use. You can enter in your address in less than a minute. If you happen to make a mistake with your formatting such as forgetting a building number or misspelling a state, the delivery address screen will let you know what to fix.
Checkout Screen
When you press on the buy button from the Cart Screen, you will be taken to the Checkout Screen. From there you can change your delivery address and your billing information on their respective screens. After you input the necessary information, you are able to confirm your purchase in which you will be able to view the purchases you have made via the Orders Screen.
Orders Screen
When you complete a purchase, you will be able to view your Order History from the Orders Screen! You'll see the how much that item costed and how much of that item you bought. You will also have the ability to clear the history by clicking the clear history button.
