Algolia Compare

Algolia Compare lets you visually compare 2-4 sets of search results and share them easily.

Try it!

Features ✨

🚀 Example Queries baked in

📦 Simple Sharing via url

👷 Edit result/product cards inline.

Contributing

Custom Demos?

You can style this for a custom demo and host it on netlify!

Make sure to edit the default config so that the base link becomes shareable without an ugly ?config= string.

Running Locally?

If you want to work locally using your own IDE, you can clone this repo and mess around.

The only requirement is having Node.js & npm installed - install with nvm

Follow these steps:

# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>

# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>

# Step 3: Install the necessary dependencies.
npm i

# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev

What technologies are used for this project?

This project was built with:

• Vite
• TypeScript
• React
• shadcn-ui
• Tailwind CSS
• Monaco editor
• Lovable