AI Verse

📖 Overview

AI Verse is a centralized hub built with React and Vite, designed to help users discover, categorize, and explore the rapidly evolving landscape of Artificial Intelligence. Whether you are looking for LLMs, image generators, or productivity boosters, AI Verse simplifies the search.

💻 Tech Stack

• Framework: React 18
• Build Tool: Vite

🚀 Getting Started

Follow these steps to set up the project locally.

Prerequisites

• Node.js (v16.0 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/thisal-d/ai-verse.git
cd ai-verse

2. Install dependencies:

npm install

3. Launch the development server:

npm run dev

The app will be available at http://localhost:5173.

---

🏗️ Project Structure

src/
├── data/tools.json        # The core database of AI tools
└── components/            # React components
public/
└── ai-tools/logo/         # Directory for tool logos (PNG/SVG)

---

🤝 Contributing

We love community contributions! Adding a new tool is as simple as updating a JSON file.

How to Add a New AI Tool

1. Add Entry to tools.json

Locate src/data/tools.json and add a new object to the tools array:

{
  "id": 101,
  "name": "Tool Name",
  "description": "Short description of what the tool does.",
  "url": "https://tool-website.com/",
  "categories": ["Productivity", "Writing"],
  "keywords": ["ai", "editor", "copywriting"],
  "pricing": {
    "tiers": ["Free", "Pro"],
    "default": "Free"
  },
  "logo": {
    "dark": "ai-tools/logo/png/tool-name-dark.png",
    "light": "ai-tools/logo/png/tool-name-light.png"
  }
}

2. Add Logo Images

Place the logo files in public/ai-tools/logo/png/ or public/ai-tools/logo/svg/.

• Theme Support: * Dual Theme: If the logo needs different colors for light/dark modes, use the -dark and -light suffixes.
• Single Logo: If one logo works for both, use the same path for both keys in the JSON.

---

👥 Contributors

Contributor	Profile
	Thisurika Hasajith
	Senuda Dilvan
	Fathima Asma
	Childe Youyu

---

Made with ❤️