Sauti-ya-Mwananchi - GitLite

KO | EN

gitlite — search

#rust #tailwindcss #privacy #shell #video #hacktoberfest #cross-platform #http #deep-learning #security

Sauti-ya-Mwananchi

(★ 10)

No description available.

File Explorer

ZIP Download

- - ArrowPathIcon.tsx
  - BookOpenIcon.tsx
  - BrandLogoIcon.tsx
  - ChartBarIcon.tsx
  - ChatBubbleLeftRightIcon.tsx
  - CheckCircleIcon.tsx
  - ClockIcon.tsx
  - DocumentDuplicateIcon.tsx
  - DocumentMagnifyingGlassIcon.tsx
  - DocumentTextIcon.tsx
  - ExclamationTriangleIcon.tsx
  - GavelIcon.tsx
  - InformationCircleIcon.tsx
  - LightBulbIcon.tsx
  - MoonIcon.tsx
  - PaperAirplaneIcon.tsx
  - PresentationChartLineIcon.tsx
  - QuestionMarkCircleIcon.tsx
  - ScaleBalancedIcon.tsx
  - ScaleIcon.tsx
  - SearchIcon.tsx
  - ShieldCheckIcon.tsx
  - SparklesIcon.tsx
  - SunIcon.tsx
  - UserGroupIcon.tsx
  - UsersIcon.tsx
  - XCircleIcon.tsx
  - XMarkIcon.tsx
- AnimatedNumber.tsx
- AskAIChatbot.tsx
- AttendanceChart.tsx
- BillAnalyzerView.tsx
- ComparisonView.tsx
- ConstituencyMap.tsx
- Footer.tsx
- Header.tsx
- HowItWorksModal.tsx
- KeyStats.tsx
- MetricCard.tsx
- NationalTrendsView.tsx
- ParticleBackground.tsx
- PerformanceRadarChart.tsx
- PoliticianScorecard.tsx
- Sidebar.tsx
- ThemeToggle.tsx
- VotingRecordChart.tsx
- geminiService.ts
.env.example
.gitignore
App.tsx
constants.ts
index.html
index.tsx
metadata.json
package-lock.json
package.json
README.md
tsconfig.json
types.ts
vite.config.ts

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Sauti ya Mwananchi (Swahili for “Voice of the Citizen”) is an open governance intelligence platform for Kenya. It turns complex parliamentary data and legal text into clear, citizen-first insights using Google’s Gemini models. Explore politician scorecards, compare leaders, analyze bills, and stream live procurement risk assessments – all in one beautiful, responsive app.

## 🔗 Live Demo

- Live: [https://opengovai.vercel.app/](https://opengovai.vercel.app/)

## ✨ Features

- Interactive politician scorecards with attendance, participation, voting, promises, development and procurement signals
- One-click AI-powered insights (achievements, red flags) per politician
- Live tender analysis (token-streamed) for procurement risk signals
- AI Bill/Policy Analyzer that returns a structured summary, key clauses, and citizen impact
- Constitutional Analyst chat grounded with web search for fresh, cited answers
- Dark mode, fluid animations (Framer Motion), and crisp charts (Recharts)

## 🧱 Architecture

- Vite + React + TypeScript SPA
- Tailwind CSS (CDN in dev; PostCSS recommended for production)
- Charts via Recharts; animations via Framer Motion
- AI via `@google/genai` with robust error handling, retries, and model fallbacks
- Strict schema responses for the Bill Analyzer, plus resilient fallbacks

```
src/
├─ components/                # Reusable UI + charts + icons
├─ services/geminiService.ts  # All Gemini calls, parsing, retries, schema
├─ App.tsx                    # App shell, routing of views
├─ constants.ts               # Mock datasets
├─ types.ts                   # Strong typing for all models
└─ index.{html,tsx}           # Entry points
```

## 🚀 Getting Started (Local Dev)

Prerequisites:
- Node 18+
- A Google Gemini API key

Setup:
```bash
git clone <repo>
cd Sauti-ya-Mwananchi
npm install

# Create local environment (never commit .env)
cp .env.example .env
echo "GEMINI_API_KEY=your_key" >> .env

# Run dev server
npm run dev
# Open the printed localhost URL
```

Environment variables used:
- `GEMINI_API_KEY` (preferred)
- `API_KEY` (legacy fallback)

Security hardening baked in:
- `.gitignore` ignores `.env` and `.env.*` (but not `.env.example`)
- If you ever committed secrets by mistake, rotate keys in your provider dashboard immediately

## ⚙️ Production Notes

- Replace Tailwind CDN with a PostCSS/CLI build for production CSS. See Tailwind docs: `https://tailwindcss.com/docs/installation`
- Vercel deploys work great with Vite. Add `GEMINI_API_KEY` in Vercel Project → Settings → Environment Variables.
- No server required; the app is a static SPA using the official client library.

## 🧠 AI Integrations

All AI logic lives in `services/geminiService.ts`:
- Chat (`askGemini`): grounded answers with optional source extraction
- Insights (`generateInsights`): structured JSON results
- Tender analysis (`analyzeTenderStream`): live streaming with per-tender state
- Bill Analyzer (`analyzeBillText`): strict `responseSchema` + robust text fallbacks; retries and model fallbacks for 429s

## 🩺 Troubleshooting

- Blank page at startup
  - Hard refresh; ensure `index.tsx` mounts to `#root`
  - Remove import maps that override Vite resolution

- Tailwind CDN production warning
  - Safe to ignore in dev; for prod, install Tailwind via PostCSS/CLI

- Recharts “width/height -1” warning
  - Ensure the chart container has `min-w-0` and is visible (not zero-sized in flex)

- AI Bill Analyzer returns a generic fallback
  - Try a shorter excerpt; long legal text can push token limits
  - The analyzer will still return structured sections using text extraction

- 429 RESOURCE_EXHAUSTED
  - Built-in retries and model fallbacks will re-attempt automatically
  - If persistent, slow down requests or upgrade quota

## 🧪 Scripts

```bash
npm run dev       # start Vite dev server
npm run build     # production build
npm run preview   # preview the production build locally
```

## 🔐 Data & Privacy

- Only your prompts and context you paste are sent to the AI provider.
- No credentials are bundled client-side; use environment variables.

## 🙏 Acknowledgements

- React, Vite, TypeScript, Tailwind CSS, Framer Motion, Recharts
- Google Gemini (`@google/genai`)

---

Made with care for Kenyan civic tech. Live demo: [https://opengovai.vercel.app/](https://opengovai.vercel.app/)