🌌 Infinite Wiki

An AI-powered interactive exploration tool that generates definitions and ASCII art for words and concepts, allowing users to dive deep into related topics through clickable word navigation.

---

🌟 Features

• 🤖 AI-Powered Definitions
  Get concise, encyclopedia-style definitions for any word or concept using Google's Gemini API

• 🎨 Custom ASCII Art
  Each concept is visualized with unique ASCII art generated by AI

• 🧭 Interactive Exploration
  Click on words in definitions to explore related concepts

• 🎲 Random Discovery
  Discover interesting words and concepts from a curated collection

• ⚡ Real-time Streaming
  Content appears with a typing effect for an engaging experience

• 📈 Search Tracking
  Tracks your search count within the browser session

• 📱 Responsive Design
  Works on both desktop and mobile devices

---

📸 Demo

---

📋 Prerequisites

• 🟢 Node.js (v16 or higher)
• 🔑 A Google Gemini API key

---

⚙️ Setup

1. Clone the repository:

git clone https://github.com/namandhakad712/Infinte-Word-Search.git
cd Infinte-Word-Search

2. Install dependencies:

npm install

3. Get your Gemini API key:

• Visit Google AI Studio
• Create an API key

4. Configure the API key:

Create a .env file in the root directory and add your API key:

GEMINI_API_KEY=your_api_key_here

5. Run the development server:

npm run dev

6. Open your browser to:

http://localhost:3000

---

🎮 Usage

1. 🔍 Search
   Enter any word or concept in the search bar to get its definition and ASCII art

2. 🧭 Explore
   Click on any word in the definition to explore related concepts

3. 🎲 Discover
   Use the "Random" button to discover interesting words from a curated list

4. 📈 Track
   The search counter in the footer tracks how many searches you've performed

---

📁 Project Structure

.
├── components/          # React components
│   ├── AsciiArtDisplay.tsx
│   ├── ContentDisplay.tsx
│   ├── LoadingSkeleton.tsx
│   └── SearchBar.tsx
├── services/           # API service layer
│   └── geminiService.ts
├── App.tsx             # Main application component
├── index.html          # HTML entry point
└── index.tsx           # React entry point

---

🛠 Technologies Used

• ⚛️ Frontend: React with TypeScript
• ⚡ Build Tool: Vite
• 🎨 Styling: Pure CSS with Google Fonts
• 📡 API: Google Gemini API
• 🌐 Deployment: Can be deployed to any static hosting service

---

📜 Available Scripts

Script	Description
npm run dev	Starts the development server
npm run build	Builds the app for production
npm run preview	Previews the production build locally

---

🤝 Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a pull request

---

📄 License

This project is licensed under the Apache 2.0 License - see the LICENSE file for details.

---

😊 Author

|| мα∂є ву ηαмαη ||

---

🙏 Acknowledgments

• Google Gemini API for powering the content generation
• Inspired by the concept of infinite knowledge exploration