📌 Overview

diff.ai is an AI-powered tool that generates differences between two given topics in Markdown format. It also has an option to create acronyms for parameters inside the table. It's made with Next.js 14, Shadcn for UI, Vercel AI-SDK, and deployed on Vercel.

🔍 Table of Contents

• 📁 Project Structure

• 📝 Project Summary

• 💻 Stack

• ⚙️ Setting Up

• 🚀 Run Locally

• 🙌 Contributors

• ☁️ Website

📁 Project Structure

├── .eslintrc.json
├── .gitignore
├── README.md
├── app
│   ├── api
│   │   └── chat
│   │       └── route.ts
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── components.json
├── components
│   ├── Diff.tsx
│   ├── Footer.tsx
│   ├── Header.tsx
│   ├── theme-provider.tsx
│   └── ui
│       ├── button.tsx
│       ├── checkbox.tsx
│       ├── drawer.tsx
│       ├── input.tsx
│       ├── sonner.tsx
│       ├── toast.tsx
│       ├── toaster.tsx
│       └── use-toast.ts
├── lib
│   └── utils.ts
├── next.config.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│   ├── 1.png
│   ├── 2.png
│   ├── 3.png
│   ├── next.svg
│   ├── vercel.svg
│   └── vs.png
├── tailwind.config.ts
└── tsconfig.json

📝 Project Summary

• app: Main application directory containing the core functionalities and logic.
• app/api: Directory for API-related modules and services.
• app/api/chat: Specific directory for chat-related API functionalities which comes with vercel AI SDK.
• components: Directory for reusable components used throughout the application.
• components/ui: Directory for UI-specific components - ShadCN UI.
• lib: Directory for external libraries and dependencies.
• public: Directory for public assets such as images, fonts, and static files.

💻 Stack

• next: React framework for building server-side rendered and static websites.
• react: JavaScript library for building user interfaces.
• react-dom: Provides DOM-specific methods for React.
• react-icons: Collection of popular icons as React components.
• tailwindcss: Utility-first CSS framework for quickly building custom designs.
• typescript: Superset of JavaScript that adds static typing to the language.
• eslint: Pluggable linting utility for JavaScript and TypeScript.
• postcss: Tool for transforming CSS with JavaScript plugins.

⚙️ Setting Up

Your Environment Variable

• Step 1

OPENAI_API_KEY=

🚀 Run Locally

1.Clone the diff.ai repository:

git clone https://github.com/codescalper/diff.ai

2.Install the dependencies with one of the package managers listed below:

npm install

3.Start the development mode:

npm run dev

🙌 Contributors

🌐 Website

• Website: https://diff-ai.vercel.app/