Select AI
A curated directory of 200+ AI tools with advanced filtering, bilingual support, and a premium dark/light UI built for performance.
Tech Stack :
The Problem
Choosing the right AI tool from thousands of options is overwhelming.
Users waste hours comparing features across scattered sources. Existing directories suffer from poor categorization, weak visual hierarchy, and neglected internationalization.
The Solution
A curated directory of 200+ AI tools featuring:
- Advanced filtering and search
- Premium visual design
- Full English and Arabic support
The platform prioritizes speed, accessibility, and a user experience that respects time.
Technical Implementation
Core Architecture
Built on Next.js 15 App Router with React Server Components for optimal performance.
Key Technologies
- Turbopack — Sub-second hot module replacement
- TanStack Query — Server state management and caching
- Radix UI — WCAG-compliant accessible components
- next-intl — Internationalization with automatic RTL switching
- Sentry — Production error monitoring and performance insights
Additional Features
Drag-and-drop Kanban board uses @dnd-kit for smooth interactions. Form validation combines React Hook Form with Zod for type-safe input handling.
Outcome
This project demonstrates proficiency in:
- Modern React architecture
- Internationalization at scale
- Production-ready tooling
Showcases the ability to balance premium aesthetics with technical performance.