Oyun Kitabı

Architecture d'informations de type OpenSea (Architecture Dinformations DE Type Opensea)

Bare Crypto Marketplace SPA établit une architecture d'informations qui copie clairement OpenSea en tant que références de produits : Accueil, Marketplace, Visionneuse, Profil et formulaire neuf.

Interface utilisateur du marché de type OpenSea

Partie 1 de 3

SPA du marché Bare Crypto : architecture d'informations de type OpenSea (Accueil, Marketplace, Visionneuse, Profil, formulaire mint), découverte de listes en analysant totalSupply, séparation des utilitaires partagée avec Rinkeby Infura et les clients mint du réseau principal - ADR, limite de débit et échecs de liste obsolètes pendant 30 s.

OpenSea-like marketplace UI architecture diagram

Masquer la référence du produit brise l'architecture

En 2021, le client de la place de marché Bare Crypto a délibérément emprunté un langage de découverte NFT que les utilisateurs connaissaient déjà. OpenSea n'est pas ici une revendication concurrente, mais une référence de produit : la grille de découverte, la visionneuse NFT unique, la collection de profils et le formulaire Mint partagent le même modèle mental. Le framework React Router + Redux/saga combine ces surfaces dans un SPA ; Il est relié à la chaîne avec Infura via Rinkeby.```text Bare Marketplace SPA (OpenSea-like IA) ├─ / Home (keşif / trending) ├─ /marketplace Listing ızgarası (Reserve) ├─ /nft/:TokenId Viewer (al / sat / güncelle) ├─ /profile Sahip olunan koleksiyon └─ Minter form IPFS metadata + mint ↓ Web3 utils → Rinkeby Infura RPC (no keys in docs)


## Concepts à la première mention```text
📦 Ürün Referansı
Kopyalanan rakip değil; kullanıcıların zaten taşıdığı zihinsel modelin bilinçli ödünç alınması.

📦 Bilgi Mimarisi (IA)
Rotaların, sayfa işlerinin ve nesne sınırlarının (NFT, listing, profil) nasıl ayrıldığı.

📦 Viewer
`/nft/:TokenId` altında tek token için metadata, sahiplik ve listing etkileşiminin birleştiği yüzey.

📦 Mint Formu
Dosya + metadata alanlarını IPFS'e yazıp ardından sözleşmeye mint gönderen istemci formu.
```Il n’y a aucune honte à mentionner OpenSea ; Le cacher fait oublier à l’équipe quelle charte UX elle porte.

## Cinq surfaces, un modèle mental

La maison promet la découverte ; Marketplace répertorie les annonces ouvertes ; Le spectateur montre la vérité sur un seul NFT ; Le profil analyse les avoirs du portefeuille ; Minter crée une nouvelle entité. OpenSea a la même division du travail : Bare Crypto le regroupe dans un petit SPA.```text
OpenSea mental model
  discover → browse listings → open asset → own / sell
Bare Crypto routes
  Home → Marketplace → Viewer → Profile / Minter
```## Accord de routeur

La visionneuse avec le paramètre `/nft/:TokenId` accède à la seule véritable page de détails à partir des cartes de liste et des cartes de collection de profils. La page Marketplace intègre le conteneur Reserve ; La découverte de listes est une boucle utilitaire distincte de l'interface utilisateur (section suivante).

## Mélange de Redux/saga et d'état local

Alors que les globaux et le statut de l'utilisateur résident dans Redux, la grille de liste est actualisée avec `useState` + `setInterval` au niveau du conteneur dans la plupart des endroits. Cet hybride permet un prototypage rapide en l'absence d'un indexeur à l'échelle OpenSea ; brouille les frontières de la propriété.```text
ADR sketch
  Decision: copy OpenSea IA into a single CRA SPA
  Why: shared NFT mental model; ship on Rinkeby fast
  Trade-off: no indexer, poll-heavy UI, IA ≠ protocol maturity
```## Signifie clairement OpenSea

Ne cachez pas « l’inspiration » dans l’étude de cas. La comparaison doit être honnête : Bare Crypto n’est pas un concurrent de protocole ; Il s'agit d'un clone client appris sur Rinkeby. Si la référence du produit est claire, l'analyse RPC et la distinction testnet/mainnet dans les sections suivantes ont du sens.

## Les confrontations les plus déroutantes de cet épisode```text
❌ OpenSea'yi anmamak = orijinal görünmek
✓ Referansı gizlemek IA kararını belirsizleştirir

❌ Her marketing sayfası (About/Careers) çekirdek IA'dır
✓ Çekirdek: Home, Marketplace, Viewer, Profile, Minter

❌ Viewer sadece görsel galeridir
✓ Viewer sahiplik, listing ve fiyat güncelleme etkileşimidir

❌ Mint formu marketplace'ten bağımsızdır
✓ Aynı NFT sözleşmesi + IPFS metadata hattını paylaşır

Liste de contrôle de votre propre système

  1. Quelles sont les cinq surfaces de la liste d'itinéraires qui portent le « modèle mental OpenSea » ?
  2. Quelles cartes fournissent des liens vers la visionneuse ?
  3. Le profil utilise-t-il le même filtrage totalSupply que Marketplace ?
  4. Quelles caractéristiques deviennent les champs de métadonnées Minter dans la visionneuse ?
  5. Pouvez-vous écrire les différences dans un seul diagramme avec OpenSea ?

Choses à retenir de cette section

  1. Bare Crypto Marketplace IA est une référence de produit OpenSea consciente.
  2. Accueil / Marketplace / Viewer / Profil / Le quintette Minter porte le modèle mental.
  3. Le fait de masquer la référence laisse les ADR de mise à l’échelle ultérieure sans signification.

Ce n'est pas une honte de copier OpenSea ; C'est dommage de ne pas savoir quel morceau on copie.

FAQ

Frequently asked questions

Qu'est-ce qu'une référence produit ?

Ce n'est pas le concurrent qui est copié ; emprunt conscient du modèle mental que les utilisateurs portent déjà.

Qu’est-ce que l’architecture de l’information (IA) ?

Comment les itinéraires, les tâches de page et les limites des objets (NFT, listing, profil) sont séparés.

Est-il vrai que « ne pas mentionner OpenSea = avoir l'air original » ?

Cacher la référence obscurcit la décision de l'AI

Que corrige cette section ?

Cette section explique pourquoi l'architecture de l'information a été reléguée à cet ensemble de pages, sans cacher la comparaison avec OpenSea. En 2021, le client de la place de marché Bare Crypto a délibérément emprunté un langage de découverte NFT que les utilisateurs connaissaient déjà. OpenSea n'est pas ici une revendication concurrente, mais une référence de produit : la grille de découverte, la visionneuse NFT unique, la collection de profils et le formulaire Mint partagent le même modèle mental. Le framework React Router + Redux/saga combine ces surfaces dans un SPA ; Il est relié à la chaîne avec Infura via Rinkeby.

Principes d'ingénierie appris

  • Écrivez clairement la référence du produit ; La décision de l’AI ne devrait pas être une spéculation.
  • Dans le jargon de l'exploration NFT, le contrat d'itinéraire précède le thème visuel.
  • Mint, Viewer et Marketplace doivent partager le même modèle d'entité.

Continuer la lecture

Continuer la lecture

Suivant en série

Même série

Articles connexes

Paylaş