File size: 3,341 Bytes
9e4bb05 0606c35 9e4bb05 0606c35 9e4bb05 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 | ---
title: AndesOps AI Frontend
emoji: 💼
colorFrom: purple
colorTo: blue
sdk: docker
app_port: 7860
startup_duration_timeout: 20m
---
# AndesOps AI - Frontend
Complete platform for real-time intelligence on Chilean public procurement market (Mercado Público).
## ✨ Features
### 🔍 **Tender Discovery**
- Search across all active tenders
- Filter by keyword, buyer, region, status, date
- **Compra Ágil** (Agile Purchase) real-time scraping
- Tender code search
- Advanced filtering options
### 📊 **Market Monitor**
- Real-time purchase orders (Órdenes de Compra)
- Filter by status (Enviada, En Proceso, Aceptada, Cancelada)
- Live streaming of government procurement
- Amount tracking in CLP currency
### 🤖 **AI-Powered Analysis**
- Tender suitability analysis for your company
- Proposal draft generation
- Market insights and recommendations
- Chat with AI agents about tenders
- Historical analysis tracking
### 👤 **Company Profile**
- Define your company's capabilities
- Track certifications and experience
- Manage service offerings
- Regional focus management
### 📈 **Reports & History**
- Analysis history tracking
- Tender portfolio management
- Market trend insights
- Save favorite tenders
### 🌐 **Global Sync**
- Real-time database synchronization
- Latest market data pulls
- Auto-updated tender database
## 🔧 Architecture
- **Framework**: Next.js 14.2.5 + React 18
- **Styling**: Tailwind CSS 3.4.4
- **Language**: TypeScript 5.6.3
- **Backend Integration**: RESTful API to FastAPI backend
## 🚀 Quick Start
The frontend **automatically detects** your environment:
- **Local Dev**: Uses `http://localhost:8000`
- **Hugging Face Spaces**: Auto-connects to backend space
- **Production**: Uses environment variables
No manual configuration needed! ✨
## 🔌 Backend Integration
- Connects to: `https://{username}-andesai-backend.hf.space`
- Auto-detection based on hostname
- Full CORS support
- Real-time data sync
## 📦 Tech Stack
- **UI Framework**: Next.js 14 (App Router)
- **Styling**: Tailwind CSS + PostCSS
- **Type Safety**: TypeScript
- **Data Fetching**: Fetch API + React Hooks
- **State Management**: React Hooks (useState, useContext)
## 🎨 UI Components
- Premium glass-morphism design
- Dark theme with purple/cyan accent
- Responsive grid layouts
- Real-time data tables
- Modal dialogs for details
- Brand loader animations
- Mobile-optimized
## 📊 Main Screens
1. **Dashboard** - Overview of market activity
2. **Tender Search** - Discover opportunities
3. **Market Monitor** - Watch purchase orders
4. **Company Profile** - Setup & manage
5. **Agent Analysis** - AI-powered insights
6. **Reports** - Generate analyses
7. **History** - Track your activity
## 🔐 Data Privacy
- Local storage for user preferences
- Company profile stored server-side
- No sensitive data in localStorage
- HTTPS communication
## 🌟 For Hackathon
- 🏆 Part of **lablab AI + AMD Developer Hackathon**
- 🎯 Optimized for Hugging Face Spaces
- ⚡ Fast, responsive, production-ready
- 📱 Mobile-friendly interface
## 🚦 Status
- ✅ Frontend fully functional
- ✅ Real-time data integration
- ✅ AI-powered features working
- ✅ Complete market intelligence platform
---
**Want to give it a 👍 like?** Every like helps us win the hackathon! 🚀
|