AI-Powered Content Feed with Generative UI
A concept application exploring AI-driven content summarization, generative UI components, and DeFi integration.
This project is archived and no longer maintained.
This repository represents a concept exploration and is provided as-is for educational and reference purposes. No further development, bug fixes, or support will be provided.
Use at your own risk. APIs and dependencies may be outdated or deprecated. Originally developed by Roark Technology.
DataOS Y-Concept is an experimental Next.js application that demonstrates the integration of AI capabilities with a modern web interface. The project explores:
- AI-Powered Summarization: Automatic content summarization using OpenAI GPT models
- Generative UI: Dynamic, AI-generated interface components using Vercel AI SDK
- DeFi Integration: Token exchange functionality via Uniswap V3
- Entity Extraction: Automatic extraction and display of organizations, people, and topics from content
| Feature | Description |
|---|---|
| 🤖 Content Summarization | Transforms long-form content into concise summaries using GPT |
| 💬 Interactive Chat | Ask questions about content with AI-powered responses |
| 🖼️ Image Search | Contextual image fetching from Unsplash based on content |
| 💱 Token Quotes | Real-time cryptocurrency price quotes via Uniswap |
| 📊 Entity Recognition | Automatic extraction of organizations, people, and topics |
| 🎨 Modern UI | Clean, responsive interface built with Tailwind CSS and Radix UI |
┌─────────────────────────────────────────────────────────────────┐
│ Next.js 14 App Router │
├─────────────────────────────────────────────────────────────────┤
│ │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ Feed Page │ │ Post Page │ │ API Routes │ │
│ │ │ │ │ │ │ │
│ │ - List View │ │ - Detail │ │ - Autocomplete│ │
│ │ - Summaries │ │ - Chat │ │ - Post Info │ │
│ │ - Stock Data │ │ - Exchange │ │ │ │
│ └──────────────┘ └──────────────┘ └──────────────┘ │
│ │
├─────────────────────────────────────────────────────────────────┤
│ Integrations Layer │
│ │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ OpenAI │ │ Unsplash │ │ Uniswap V3 │ │
│ │ │ │ │ │ │ │
│ │ - GPT-3.5 │ │ - Image API │ │ - Quoter │ │
│ │ - Chat │ │ │ │ - Pool │ │
│ │ - Streaming │ │ │ │ │ │
│ └──────────────┘ └──────────────┘ └──────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────┘
dataos-yconcept/
├── app/ # Next.js App Router
│ ├── _api/ # Internal API functions
│ ├── _components/ # App-specific components
│ ├── api/ # API route handlers
│ │ ├── autocomplete/ # AI-powered text completion
│ │ └── post-info/ # Post metadata endpoint
│ ├── feed/ # Main feed page
│ │ ├── actions.tsx # Server actions & AI integration
│ │ ├── Post.tsx # Post component with AI features
│ │ ├── PostChat.tsx # Interactive chat component
│ │ └── UniswapExchange.tsx # Token exchange UI
│ └── post/[id]/ # Individual post pages
├── components/ # Shared UI components
│ ├── ui/ # shadcn/ui components
│ ├── sidebar.tsx # Navigation sidebar
│ └── trends.tsx # Trending topics widget
├── data/ # Static data files
│ └── posts.json # Sample post data
└── lib/ # Utility functions
├── config.ts # Application configuration
├── constants.ts # Web3 constants & tokens
├── conversion.ts # Number formatting utilities
├── providers.ts # Ethereum provider setup
├── quote.ts # Uniswap quote functionality
└── utils.ts # General utilities
- Node.js 18+
- pnpm (recommended) or npm
# Clone the repository
git clone https://github.com/your-org/dataos-yconcept.git
cd dataos-yconcept
# Install dependencies
pnpm install
# Copy environment template
cp .env.example .env.local
# Configure your environment variables (see Configuration section)Create a .env.local file with the following variables:
# OpenAI (required for AI features)
OPENAI_API_KEY=your_openai_api_key
OPENAI_ORG=your_openai_org_id
# Unsplash (required for image search)
UNSPLASH_ACCESS_KEY=your_unsplash_access_key
# Ethereum RPC (required for Uniswap features)
RPC_MAINNET=https://your-ethereum-rpc-url# Development mode
pnpm dev
# Production build
pnpm build
pnpm startOpen http://localhost:3000 to view the application.
| Category | Technologies |
|---|---|
| Framework | Next.js 14, React 18 |
| Language | TypeScript 5.4 |
| Styling | Tailwind CSS 3.4, Radix UI |
| AI/ML | OpenAI GPT-3.5, Vercel AI SDK |
| DeFi | Uniswap V3 SDK, ethers.js |
| Images | Unsplash API |
| UI Components | shadcn/ui |
POST /api/autocomplete
Provides AI-powered text completion suggestions.
Request Body:
{
"query": "string"
}Response:
{
"suggestions": ["string", "string", "string"]
}GET /api/post-info
Returns metadata about available posts.
The application uses Vercel's AI SDK to create dynamic, streaming UI components. The chat interface (PostChat.tsx) demonstrates real-time AI responses with tool use for fetching contextual images.
The UniswapExchange component provides real-time token price quotes using Uniswap V3's quoter contract. Configure an Ethereum RPC endpoint to enable this feature.
Posts are automatically processed to extract:
- Organization entities
- Person mentions
- Geographic references
- Topic keywords
- Content categories
This project is licensed under the MIT License - see the LICENSE file for details.
Originally developed by Roark Technology.
This project is archived and provided for educational purposes.