This is a Next.js application that implements a micro-task marketplace. Users can post tasks, complete tasks, and get paid in a simulated stablecoin environment. The application also features an AI-powered dispute resolution system.
- Framework: Next.js (using App Router)
- UI: React
- Styling: Tailwind CSS
- UI Components: ShadCN UI
- Generative AI: Genkit
- Language: TypeScript
Here's a brief overview of the key directories and files:
src/app/: Contains the core application routes and pages.src/app/page.tsx: The main marketplace page where tasks are listed.src/app/tasks/[id]/page.tsx: The detailed view for a single task.src/app/profile/[id]/page.tsx: User profile page showing posted and completed tasks.src/app/disputes/[id]/page.tsx: The page for resolving a dispute between a task poster and a worker.
src/components/: Reusable React components used throughout the application.src/components/ui/: UI components from ShadCN.src/components/task-card.tsx: The card component for displaying a task.
src/lib/: Contains application logic, data, and type definitions.src/lib/data.ts: Mock data for users and tasks.src/lib/types.ts: TypeScript types for the application's data structures.
src/ai/: Contains the Genkit AI flows.src/ai/flows/ai-dispute-resolution.ts: The Genkit flow for resolving disputes.
public/: Static assets.
- Node.js (v18 or later)
- npm or yarn
- Clone the repository:
git clone <repository-url>
- Navigate to the project directory:
cd <project-directory>
- Install the dependencies:
npm install
To run the application in development mode, use the following command:
npm run devThis will start the Next.js development server, typically on http://localhost:9002.
To start the Genkit development server and interact with your AI flows:
npm run genkit:devThis will start the Genkit UI, where you can test and monitor your flows. It's usually available at http://localhost:4000.