This document outlines the file and directory structure of the Ripework project to assist developers and agents in navigating the codebase.
branding.md: Design guidelines and color palette.agents.md: Overview for AI agents and developers.DEPLOYMENT.md: Instructions for deploying the application.GUIDE.md: General guide (content to be verified).README.md: Project introduction and setup instructions.tailwind.config.js: Tailwind CSS configuration including custom colors and fonts.vite.config.ts: Vite build configuration.package.json: Dependencies and scripts.
The core application code resides here.
Contains all React components.
- Pages/Views:
Marketplace.tsx,ProductPage.tsx,SellerDashboard.tsx,UserProfilePage.tsx, etc. - UI Elements:
Navbar.tsx,Auth.tsx, etc.
React Context providers for global state.
AuthContext.tsx: User authentication state.WalletContext.tsx: Cryptocurrency wallet connection state.
Utility functions and static data.
currencies.ts: Currency definitions and formatting.supabase.ts: Supabase client configuration (implied).
TypeScript type definitions shared across the app.
The main application component handling routing and layout structure.
The entry point of the React application.
Global styles and Tailwind directive imports.
index.html: The HTML entry point..env: Environment variables (API keys, etc.).