How juma1-hub/skillspace001 works
Crystal Investments is a frontend investment-company site with investor account pages and a browser-based admin workspace. Visitors explore the firm and opportunities; investors use the portal for account services; administrators review records and manage allocations, content, settings, referrals, and workspace roles. The README describes analytics and approval synchronization, but warns that localStorage is device-local and role changes are not security controls. Edges reflect documented references and shown calls; unsampled capabilities are represented without inferred internal flows.
Main entry points: supabase.ts Supabase Client · AdminConsole.tsx Admin Workspace · page.tsx Investor Routes · InvestorPortal.tsx Account Services
Components 22
Public Website
- Homepage
app/page.tsx - Opportunities
app/opportunities/page.tsx - Company Pages
app/about/page.tsx - Site Header/Footer
app/layout.tsx - Editable Page Text
components/SiteContentText.tsx
Investor Portal
- Investor Routes
app/investor/page.tsx - Account Services
components/InvestorPortal.tsx - Live Overview
components/InvestorLiveOverview.tsx - Investor Referrals
components/InvestorReferralPanel.tsx - Login and Registration
app/login/page.tsx
Admin Workspace
- Admin Route
app/admin/page.tsx - Admin Workspace
components/AdminConsole.tsx - Allocation Manager
components/AdminPortfolioManager.tsx - Site Configuration
components/AdminSiteManager.tsx - Market Conditions
components/MarketConditionsAdmin.tsx - Referral Commissions
components/AdminReferralManager.tsx
Data Integrations
- Browser Storage
- Supabase Client
lib/supabase.ts
Other components
- Visitor
- Investor
- Administrator
- Supabase
Connections 27
- Visitor → Homepage: visits
app/page.tsx - Visitor → Opportunities: explores
app/opportunities/page.tsx - Visitor → Company Pages: browses
app/about/page.tsx - Homepage → Editable Page Text: renders
app/page.tsx - Opportunities → Editable Page Text: renders
app/opportunities/page.tsx - Company Pages → Editable Page Text: renders
app/about/page.tsx - Site Header/Footer → Visitor: frames pages
app/layout.tsx - Investor → Investor Routes: opens account
app/investor/page.tsx - Investor Routes → Account Services: renders
app/investor/page.tsx - Investor Routes → Live Overview: renders
app/investor/page.tsx - Account Services → Investor Referrals: renders
components/InvestorPortal.tsx - Investor → Login and Registration: signs in or registers
app/login/page.tsx - Login and Registration → Supabase Client: uses
app/login/page.tsx - Administrator → Admin Route: opens workspace
app/admin/page.tsx - Admin Route → Admin Workspace: renders
app/admin/page.tsx - Admin Workspace → Allocation Manager: uses
components/AdminConsole.tsx - Admin Workspace → Site Configuration: uses
components/AdminConsole.tsx - Admin Workspace → Market Conditions: uses
components/AdminConsole.tsx - Admin Workspace → Referral Commissions: uses
components/AdminConsole.tsx - Admin Workspace → Browser Storage: reads and writes
components/AdminConsole.tsx - Allocation Manager → Browser Storage: reads and writes
- Site Configuration → Supabase Client: uses
components/AdminSiteManager.tsx - Referral Commissions → Supabase Client: uses
components/AdminReferralManager.tsx - Account Services → Supabase Client: uses
components/InvestorPortal.tsx - Live Overview → Supabase Client: uses
components/InvestorLiveOverview.tsx - Investor Referrals → Supabase Client: uses
components/InvestorReferralPanel.tsx - Supabase Client → Supabase: connects
lib/supabase.ts