AI Tech Radar

A dynamic, interactive visualization tool for tracking and evaluating AI technologies. This project helps teams and organizations make informed decisions about which AI technologies to adopt, trial, assess, or hold.

Features

• 📊 Interactive radar visualization
• 🎯 Quadrant-based technology categorization
• 💫 Dynamic ring placement based on community votes
• 🌓 Dark/light mode support
• 👥 User authentication
• 🗳️ Voting system
• ✨ Real-time updates
• 🎨 Beautiful animations and transitions

Technology Stack

Frontend

• React - UI framework
• TypeScript - Type-safe JavaScript
• Tailwind CSS - Utility-first CSS framework
• Vite - Build tool and dev server
• Lucide React - Beautiful, customizable icons

Backend & Database

• Supabase - Backend as a Service
  • PostgreSQL database
  • Real-time subscriptions
  • Row Level Security (RLS)
  • Built-in authentication

Key Dependencies

• @supabase/supabase-js - Supabase client
• canvas-confetti - Celebration effects
• lucide-react - Icon components

Project Structure

src/
├── components/         # React components
│   ├── AddTechForm    # Form for adding new technologies
│   ├── TechRadar      # Main radar visualization
│   └── VotingDialog   # Voting interface
├── data/              # Data management
│   ├── techData.ts    # Tech items interface and utilities
│   └── data.json      # Initial seed data
├── lib/               # Shared utilities
│   └── supabase.ts    # Supabase client and auth helpers
└── App.tsx            # Main application component

Radar Structure

The radar organizes technologies across two dimensions:

Rings (from outer to inner)

• Hold - Proceed with caution
• Assess - Worth exploring with small efforts
• Trial - Worth pursuing for specific use cases
• Adopt - Proven and mature for enterprise use

Categories (dynamic)

• Models
• IDEs
• Translation
• (supports custom categories)

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Set up environment variables:

   VITE_SUPABASE_URL=your_supabase_url
   VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
   

4. Start the development server:

   npm run dev

Contributing

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push to the branch
5. Create a new Pull Request

License

MIT License - feel free to use this project for your own purposes.