RAGing Agent - EU Statistics Explorer

🌌 Live Demo

Visit the live application: RAGing Agent

🚀 Overview

RAGing Agent is an innovative AI-powered statistics explorer that combines Google's Gemini AI with an immersive 3D interface to explore European Union statistics. The application features a dynamic quantum-themed UI and provides intelligent responses to queries about EU economic and social metrics.

🎯 Key Features

• AI-Powered Analysis: Leverages Google's Gemini Pro for intelligent query processing
• Immersive 3D Interface: Features interactive quantum sphere and dimensional portal
• Real-time Statistics: Covers key EU metrics:
  • GDP Growth
  • Unemployment Rates
  • Inflation Data
  • Population Statistics
  • Trade Information
• Dynamic Animations: Smooth transitions and particle effects
• Responsive Design: Works on all devices

🛠️ Tech Stack

• Frontend: Next.js 14, React, TypeScript
• AI/ML: Google Gemini Pro
• 3D Graphics: Three.js, React Three Fiber, React Three Drei
• Styling: Tailwind CSS, Framer Motion
• Deployment: Cloudflare Pages

💻 Local Development

1. Clone the repository:

git clone https://github.com/codewithmirza/RAGing-Agent.git
cd RAGing-Agent

2. Install dependencies:

npm install

3. Create .env.local and add your Gemini API key:

GEMINI_API_KEY=your_gemini_api_key_here

4. Run the development server:

npm run dev

5. Open http://localhost:3000

🤖 Usage Examples

Try asking questions like:

• "What's the current GDP growth in the EU?"
• "Tell me about unemployment rates"
• "How is inflation affecting the EU?"
• "What's the population of the EU?"
• "Show me trade statistics"

🎨 Features

• 3D Visualization: Interactive quantum sphere and portal
• Real-time Responses: Instant AI-powered answers
• Particle Effects: Dynamic background animations
• Responsive Design: Mobile-first approach
• Error Handling: Graceful fallbacks

🔧 Technical Details

• Server-side rendering with Next.js
• AI integration with Google Gemini
• 3D graphics with Three.js
• Animation system using Framer Motion
• Styling with Tailwind CSS

📱 Deployment

The application is deployed on Cloudflare Pages with automatic deployments from the main branch.

👥 Contributing

1. Fork the repository
2. Create your 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 MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Google Gemini for AI capabilities
• Three.js community
• Next.js team
• Cloudflare Pages for hosting

🔗 Links

• GitHub Repository
• Live Demo
• Report Issues

👤 Author

Mirza Anwaarullah Baig

• GitHub: @codewithmirza

---

Made with ❤️ and AI