Greenstand / Greenstand/POS-Shopify-Extension

New design for post-purchase extension

Open
#130 0 comments 0 reactions 0 assignees View on GitHub
design extension UI/UX
Dominant language
JavaScript
Stars
1
Forks
6
PR merge metrics
No merged PRs in 30d

Description

# Post-purchase extension

There are two parts to the extension:
- Create wallet page
- Wallet link page

Note: All of these designs need to use these [elements](https://shopify.dev/docs/api/checkout-extensions/post-purchase/components)
(annoying, yes but there's no other choice)

## Create wallet page

**Current design:**

Screenshot 2024-04-15 at 9 58 50 AM
Screenshot 2024-04-15 at 9 59 14 AM

**Requirements:**

- There needs to be a message that tells the user that they have received a token from Greenstand and congratulations
- There needs to be a short explanation of Greenstand, and what happens to the user
- There is a message that says "Powered by Greenstand"
- There is a checkbox that says "I opt in/I agree to this program"
- There is an input to fill in the wallet name
- Errors are in red text below the input field
- There are two buttons - One in primary color that says "Create wallet" and one in secondary color that says "No thanks"

**Additional information:**

- Is there anything else we might need here?

## Wallet link page

**Current design:**

Screenshot 2024-04-15 at 9 59 07 AM

**Requirements:**

- There needs to be a link that brings the user to the wallet
- There needs to be a button to move on

**Additional information:**

- I haven't added much here, is there anything else that would make it look better? (headers, images, etc.)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the Shopify post-purchase extension components linked in the issue and review the two supplied designs. Implement the Create wallet and Wallet link pages using those elements, including the listed messages, opt-in checkbox, wallet-name validation, actions, and wallet link. Done means both pages meet the requirements and the open design questions have been resolved.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.