FactPrism AI

A modern, AI-powered application that provides concise and informative summaries on any topic, built with React and the Google Gemini API.

✨ Vist Site ✨

---

📖 About The Project

FactPrism AI is a dynamic and interactive web application designed to be a beautiful and functional portfolio piece. It leverages the power of Google's Gemini generative AI to fetch and display clear, formatted summaries on any subject a user inputs. The goal was to create a feature-rich, modern, and aesthetically pleasing user experience that showcases a wide range of frontend development skills.

This project was built from the ground up, focusing on a clean component structure, responsive design, and advanced features that go beyond a typical portfolio project.

✨ Features

FactPrism AI comes packed with modern features to enhance the user experience:

• 🤖 AI-Powered Summaries: Utilizes the Google Gemini 1.5 Flash model for fast and accurate information retrieval.
• 🔮 Dynamic Animated Background: A stunning, interactive background with moving gradient blobs that react to the application's loading state.
• 🌓 Light & Dark Mode: A sleek theme toggle that respects the user's system preference and saves their choice in local storage.
• 🗣️ Text-to-Speech: Reads the generated results aloud using the browser's native Web Speech API.
• 🎙️ Speech-to-Text: Allows users to dictate their search query using their microphone.
• ✍️ Markdown Rendering: Beautifully formats the AI's response from Markdown to clean HTML.
• 📋 Copy-to-Clipboard: Lets users easily copy the generated summary.
• 📱 Fully Responsive Design: A seamless experience across desktop, tablet, and mobile devices.

🛠️ Tech Stack

This project was built using a modern frontend technology stack:

• React
• Vite
• Tailwind CSS
• Google Gemini API
• Lucide React
• react-markdown
• react-speech-recognition

---

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

Make sure you have Node.js and npm installed on your machine.

• npm

  npm install npm@latest -g

Installation & Setup

1. Clone the repository:

   git clone https://github.com/Yash-775/FactPrism-AI.git

2. Navigate to the project directory:

   cd factfinder-ai

3. Install NPM packages:

   npm install

4. Set up your environment variables:
   • Create a file named .env.local in the root of your project.
   • Add your Google Gemini API key to this file:

     VITE_GEMINI_API_KEY='YOUR_API_KEY_HERE'
     

5. Run the development server:

   npm run dev

   The application should now be running on http://localhost:5173/.

---

📄 License

Distributed under the MIT License. See LICENSE for more information.

👤 Contact

Yash - Yash-775

Project Link: https://github.com/Yash-775/FactPrism-AI