Mocks of the application

[ArfatSalman]

Use this issue to collect the mocks of various screens.

It's a good idea to collect the mocks within the context of a user stories. For example,

• How many number of distinct pages do you have?
• What are the user actions?
• In how many steps does he / she achieve it? What action items have to clicked?
• What screens they have to go through?

You can use tools like Figma (recommended) or other wire-framing tools like Balsamiq.

Ensure that you also know at least these things (you can always list more things)

• Application Layout Structure
• CSS / React Layout Library
• Icon Sets
• Color Scheme
• Theme

Feel free to consult older projects listed in the Little Tags Notion page.

If you have questions, comment on this issue.

[abhisheksingh98]

Created Desktop Mockups using Figma.

Here is the URL - https://www.figma.com/file/yGDOTy8iR5KPRCQbdn40ND/Little-Tags---Landing-Page?node-id=0%3A1&frame-preset-name=Desktop

• Number of distinct pages - 6

1. Landing Page
2. Product Listing
3. Product Detail
4. Cart Page
5. Order Page
6. Order History

• User Actions/Steps

1. Log In/Sign Up
2. Search for Product/ Click Categories
3. Click the product and Open the product detail page
4. Add to Cart
5. Go to Cart Page and Checkout
6. Enter Shipping Details
7. Enter Payment Details and Complete
8. Click the Hamburger Menu and check order history.

Working on mobile mockups.

[ArfatSalman]

Working on mobile mockups.

Coordinate with your partner as we don't want to wait any more time for the mocks. Start implementing the landing page ASAP while you are creating some mocks if they are remaining. @abhisheksingh98