How waliulnizu/artisano-client works
Artisano is a client for a digital-art marketplace. Collectors discover art, inspect a work and its community feedback, then purchase it or join a membership; artists publish work and monitor sales, while admins manage users and analytics. The map groups the app by those product workflows and includes the shared dashboard and authentication layers. The repository is frontend-only: API and payment behavior is represented as external services based on README documentation; several route-to-feature links are documented capabilities rather than inspected implementation.
Main entry points: page.js Artwork detail · useArtworkDetails.js Artwork data & ownership · page.jsx Role dashboard · auth-client.js Auth client
Components 26
Identity & entry
- Sign in / register
src/app/(auth)/login/page.jsx - Google sign-in
src/components/auth/GoogleAuthButton.jsx - Auth client
src/lib/auth-client.js
Art discovery
- Marketplace home
src/app/page.js - Gallery browse
src/app/browse/page.jsx - Artist directory & profile
src/app/artists/page.jsx - Artwork detail
src/app/artwork/[id]/page.js - Artwork data & ownership
src/hooks/useArtworkDetails.js
Purchases & membership
- Artwork purchase
src/components/artwork/ArtworkPurchaseCard.jsx - Purchase confirmation
src/app/purchase/success/page.jsx - Membership plans
src/app/premium/page.jsx - VIP room
src/app/vip-room/page.jsx
Community features
- Reviews
src/components/review/ReviewSection.jsx - Artwork comments
src/components/comment/CommentSection.jsx - Wishlist
src/components/wishlist/WishlistButton.jsx
Role workspaces
- Role dashboard
src/app/dashboard/page.jsx - Collector overview & vault
src/components/dashboard/CollectorOverview.jsx - Purchase history
src/app/dashboard/transactions/page.jsx - Artist asset studio
src/app/dashboard/my-assets/page.jsx - Artwork publishing
src/app/dashboard/upload/page.js - Admin analytics & controls
src/app/dashboard/admin-panel/page.jsx
Other components
- Visitor / member
- Auth API / Better Auth
- Content API
- Stripe API
- Dashboard API
Connections 34
- Visitor / member → Marketplace home: visits
- Visitor / member → Sign in / register: authenticates
- Sign in / register → Auth client: starts Google sign-in
src/app/(auth)/login/page.jsx - Google sign-in → Auth client: invokes
src/components/auth/GoogleAuthButton.jsx - Auth client → Auth API / Better Auth: creates session
src/lib/auth-client.js - Visitor / member → Gallery browse: searches gallery
- Gallery browse → Content API: fetches filtered art
src/app/browse/page.jsx - Visitor / member → Artist directory & profile: views creators
- Visitor / member → Artwork detail: opens artwork
- Artwork detail → Artwork data & ownership: loads details
- Artwork data & ownership → Auth API / Better Auth: checks current user
src/hooks/useArtworkDetails.js - Artwork data & ownership → Content API: fetches artwork
src/hooks/useArtworkDetails.js - Artwork data & ownership → Stripe API: checks ownership
src/hooks/useArtworkDetails.js - Artwork detail → Reviews: shows reviews
- Artwork detail → Artwork comments: shows comments
- Artwork detail → Wishlist: offers saving
- Reviews → Reviews: reads and submits
src/components/review/ReviewSection.jsx - Visitor / member → Artwork purchase: buys artwork
- Artwork purchase → Stripe API: creates checkout
- Stripe API → Purchase confirmation: confirms payment
- Visitor / member → Membership plans: chooses membership
- Membership plans → Stripe API: starts subscription
- Visitor / member → VIP room: enters premium area
- Visitor / member → Role dashboard: opens workspace
- Role dashboard → Auth API / Better Auth: loads identity
src/app/dashboard/page.jsx - Role dashboard → Collector overview & vault: renders collector view
src/app/dashboard/page.jsx - Role dashboard → Dashboard API: verifies membership
src/app/dashboard/page.jsx - Collector overview & vault → Purchase history: links purchase history
- Visitor / member → Artist asset studio: manages artwork
- Artist asset studio → Content API: manages published assets
- Visitor / member → Artwork publishing: publishes artwork
- Artwork publishing → Content API: creates artwork
- Visitor / member → Admin analytics & controls: manages platform
- Admin analytics & controls → Dashboard API: loads analytics