App Research

Page Overview

Welcome to the research page of our application! This page provides a comprehensive overview of the application's architecture and UI components. Here, you will find visual representations of the application's flow and its key components.

Link to Figma: here

Table of Contents

• Application Pages
  • Main Page
    • Top bar
    • Sub-Top bar
    • Product sets
    • Bottom Bar
  • Search Results Page
    • Product
    • Results List
    • Filter List
  • Other Pages
    • Login/Create Account

Application Pages

In addition to the flow charts, this wiki page also presents an overview of the key components that make up our application. These components work together seamlessly to deliver a robust and efficient system.

Main Page

---

TopBar

General Notes:

• Mockazon Icon reroutes to homepage
• Should Include:
  • Search Bar
  • Returns/Orders
  • Cart
  • Signin
  • Multiple Languages(?)
• Category drop down in search bar
• 
• Clicking search bar should popout with a list of suggested categories

MUI Components:

• 
• Dropdown menu - Combination of "Customization" and "Max Height Menu" examples. here
• 
• Search Bar - here
• 
• Button - For components: Search Icon, Returns/Orders, Cart, Logo, etc. here
• 
• Autocomplete - For Search Bar alternative to the combination above here

---

Sub-TopBar

General Notes:

• "All" categories drawer
• Featured
• Best Sellers
• Randomized genres

MUI Components:

• 
• Button - For categories: buy again, books, etc. here
• 
• Drawer - Top Part of the drawer is a button itself that navigates to user's account. here

---

Product-Sets

MUI Components:

• [Fill]

---

BottomBar

MUI Components:

• [Fill]

---

Search Results Page

---

Product

General Notes:

• Different Versions(Choose one)
• Price, Rating, Description, Image (set).

MUI Components:

• Button MUI Component - here
• Chip MUI Component (Alternative to Button) - here - (might be preferred for this component)
• Rating MUI Component - here

---

Results List

MUI Components:

• Nested List MUI Component - here
• Pagination MUI Component - here

---

Filter List

MUI Components:

• List MUI Component - here
• Rating MUI Component - here
• Button MUI Component - here
• Checkbox MUI Component - here
• Text Field MUI Component - here
• Divider MUI Component - here

---

Other Pages

Login / Create Account

MUI Components (Same for both Login + Create Account:

• Content of the Sign in portion
• Paper - here
• 
• Button - for "Continue" and "Create your Amazon Account." here
• 
• Search Bar - here

---