anything-vs-anything/README.md
2025-07-02 23:49:36 +08:00

63 lines
1.7 KiB
Markdown

# 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:
```bash
npm install
```
2. Set up environment variables:
```bash
cp .env.example .env.local
```
3. Add your Replicate API token to `.env.local`:
```
REPLICATE_API_TOKEN=your_replicate_api_token_here
REPLICATE_MODEL=meta/llama-2-70b-chat:02e509c789964a7ea8736978a43525956ef40397be9033abf9fd2badfe68c9e3
```
4. Run the development server:
```bash
npm run dev
```
5. Open [http://localhost:3000](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](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.