songtianlun/anything-vs-anything
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
12 Commits 1 Branch 0 Tags 190 KiB
TypeScript 96.8%
CSS 2.4%
JavaScript 0.8%
327a32355a
Go to file
songtianlun 327a32355a better chinese vs
2025-07-03 09:40:23 +08:00
public use openweb ui 2025-07-03 00:27:11 +08:00
src better chinese vs 2025-07-03 09:40:23 +08:00
.gitignore Initial commit from Create Next App 2025-07-02 23:42:41 +08:00
eslint.config.mjs Initial commit from Create Next App 2025-07-02 23:42:41 +08:00
next.config.ts Initial commit from Create Next App 2025-07-02 23:42:41 +08:00
package-lock.json use openweb ui 2025-07-03 00:27:11 +08:00
package.json use openweb ui 2025-07-03 00:27:11 +08:00
pnpm-lock.yaml better chinese vs 2025-07-03 09:40:23 +08:00
postcss.config.mjs Initial commit from Create Next App 2025-07-02 23:42:41 +08:00
README.md better chinese vs 2025-07-03 09:40:23 +08:00
tsconfig.json Initial commit from Create Next App 2025-07-02 23:42:41 +08:00

README.md

Anything vs Anything

A Next.js application that uses AI to compare any two things and display the results in a table format.

Features

  • Compare any two items using AI-powered analysis
  • Optional detailed descriptions for more context
  • Results displayed in a formatted table
  • Responsive design with Tailwind CSS
  • Powered by Replicate AI API

Setup

  1. Clone the repository and install dependencies:
npm install
  1. Set up environment variables:
cp .env.example .env.local
  1. Add your OpenRouter API key to .env.local:
OPENROUTER_API_KEY=your_openrouter_api_key_here
OPENROUTER_MODEL=anthropic/claude-3.5-sonnet
OPENROUTER_CHINESE_MODEL=deepseek/deepseek-chat
NEXT_PUBLIC_SITE_URL=https://anything-vs-anything.com
  1. Run the development server:
npm run dev
  1. Open http://localhost:3000 to view the application.

Usage

  1. Enter two items you want to compare
  2. Optionally add detailed descriptions for more context
  3. Click "Compare Now" to get AI-powered analysis
  4. View the results in a formatted table

Environment Variables

  • OPENROUTER_API_KEY: Your OpenRouter API key (required)
  • OPENROUTER_MODEL: The default model to use (optional, defaults to Claude 3.5 Sonnet)
  • OPENROUTER_CHINESE_MODEL: The model to use for Chinese comparisons (optional, defaults to DeepSeek Chat for better Chinese support)
  • NEXT_PUBLIC_SITE_URL: Your site URL for API referrer (optional)

Tech Stack

  • Next.js 15 with App Router
  • TypeScript
  • Tailwind CSS
  • OpenRouter AI API
  • React Markdown for table rendering
  • Automatic Chinese/English model switching for better localization

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.