songtianlun/anything-vs-anything
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
5 Commits 1 Branch 0 Tags 190 KiB
TypeScript 96.8%
CSS 2.4%
JavaScript 0.8%
6af5461bb8
Go to file
songtianlun 6af5461bb8 add tracker code
2025-07-03 00:30:56 +08:00
public use openweb ui 2025-07-03 00:27:11 +08:00
src add tracker code 2025-07-03 00:30:56 +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
postcss.config.mjs Initial commit from Create Next App 2025-07-02 23:42:41 +08:00
README.md init with claude 2025-07-02 23:49:36 +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 Replicate API token to .env.local:
REPLICATE_API_TOKEN=your_replicate_api_token_here
REPLICATE_MODEL=meta/llama-2-70b-chat:02e509c789964a7ea8736978a43525956ef40397be9033abf9fd2badfe68c9e3
  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

  • REPLICATE_API_TOKEN: Your Replicate API token (required)
  • REPLICATE_MODEL: The Replicate model to use (optional, defaults to Llama 2 70B)

Tech Stack

  • Next.js 15 with App Router
  • TypeScript
  • Tailwind CSS
  • Replicate AI API
  • React Markdown for table rendering

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.