Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added a design md for the ui flow for minting svg as nft #20

Merged
merged 3 commits into from
Sep 3, 2024

Conversation

Ugo-X
Copy link

@Ugo-X Ugo-X commented Aug 26, 2024

closes #7

Changes:

I have verified that this pull request:

  • has no linting errors (npm run lint)
  • has no test errors (npm run test)
  • is from a uniquely-named feature branch and is up to date with the develop branch.
  • is descriptively named and links to an issue number, i.e. Fixes #123

@caseywescott
Copy link
Collaborator

Hey @Ugo-X - Looking good so far! We are clarifying the cairo contract right now...Here is the latest draft getting worked on to inform the UI/UX: cienicera/nft-svg-onchain-multiseries#4 (comment)

Let me know if you have any questions or thoughts and I can work with you!

Key Elements to Design:

Series Management:

Series Creation: Interface to create a new series, capturing details like name, description, artist metadata, and base URI.

Series Details: Display of existing series with associated metadata and a list of NFTs in each series.
Artist Management:

Artist Metadata: Allow users to input and view artist information within the context of a series. Consider if artist data should be managed separately or within the series struct (open to suggestions).
Token Management:

Minting NFTs: Interface for minting new NFTs within a specific series, including selecting the series, entering token metadata (e.g., token URI), and managing ownership.

Token Details: Display of NFT details within a series, including ownership and metadata.
Mapping and Management:

Rough Mint Function worklfow:

Provide a clear and intuitive UI flow for the minting process, ensuring that users can understand how to add NFTs to a series and see the result of their actions.

Considerations:

The design should reflect the contract's logic and make it easy for users to manage multiple series and NFTs within those series.

The interface should be intuitive, even for users who are not familiar with the underlying smart contract mechanics.
Please think through the TokenData structure and how best to display and manage this data in the UI. If you have ideas for improving the contract's structure from a UI/UX perspective, we’re open to suggestions.

If you can flesh this out into a good UI/UX for these technical requirements that would be awesome!!

Copy link
Collaborator

@caseywescott caseywescott left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me! When you mean section - does that mean a popup?

@Ugo-X
Copy link
Author

Ugo-X commented Aug 28, 2024

Yes a popup/modal

@caseywescott
Copy link
Collaborator

Cool this all looks good. I may have some more questions on this so I might keep it open but this is damn near resolved - I just want to allow the dev implementing this to be able to ask questions for clarification. Cool?

@Ugo-X
Copy link
Author

Ugo-X commented Aug 28, 2024

Cool this all looks good. I may have some more questions on this so I might keep it open but this is damn near resolved - I just want to allow the dev implementing this to be able to ask questions for clarification. Cool?

Yes it's cool chief

@caseywescott
Copy link
Collaborator

Amazing Ugo! Thanks so much for vision boarding the UI/UX ! Will be implementing these details ASAP

@caseywescott caseywescott merged commit e4c7c5b into cienicera:develop Sep 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Design minting flow UX/UI
2 participants