CASE STUDY
CereboAI
CereboAI is a web app for comparing AI models side by side, running chats, and tracking responses in a simple, structured interface using free APIs.
01 / OVERVIEW
CereboAI is a modern web application designed to compare and interact with multiple AI models in a single interface.
The platform allows users to test responses from different models side by side, manage conversations, and track usage — all using free APIs.
The goal was to create a system that simplifies AI exploration by making it accessible, transparent, and easy to compare.
02 / PROBLEM
As the number of AI models continues to grow, interacting with them becomes increasingly fragmented. Users often rely on separate platforms to test different models, making it difficult to compare outputs or understand differences clearly.
There is also a lack of transparency in how models respond, limited access due to pricing barriers, and no unified workflow for testing ideas across multiple systems. This leads to inefficiency and makes meaningful comparison unnecessarily complex.
Result: Users struggle to efficiently explore and compare AI capabilities.
03 / SOLUTION
CereboAI introduces a unified platform where multiple AI models can be accessed, compared, and tested in real time.
Key improvements: Direct API integration with free models, side-by-side comparison mode, and persistent chat functionality with secure authentication.
Result: A system that enables fast, clear, and efficient evaluation of AI models in one place.
04 / FEATURES
- Side-by-side AI model comparison
- Concurrent API requests for fast results
- Single model chat with contextual conversations
- Persistent chat history per user
- Usage tracking for token consumption
- Error handling for API failures and rate limits
- Fully responsive interface
05 / TECH STACK
- React.js
- Tailwind CSS
- shadcn/ui
- Supabase
- OpenRouter
06 / DESIGN APPROACH
The design of CereboAI focuses on reducing complexity in a space that is inherently complex. Instead of overwhelming users with options or technical details, the interface is structured to highlight what matters most — the outputs.
Clear visual separation between models, consistent layouts, and minimal distractions allow users to focus on comparing responses without cognitive overload. The system is designed to feel predictable and calm, even when handling multiple concurrent processes.
07 / USER EXPERIENCE
The experience is built around speed, clarity, and feedback. Users can interact with AI models without needing to understand underlying systems, while still gaining meaningful insights from the results.
Real-time loading states, clear response indicators, and seamless switching between modes create a fluid interaction flow. Whether comparing models or engaging in a single conversation, the system remains responsive and easy to navigate.
08 / IMPLEMENTATION
CereboAI is implemented using a frontend-driven architecture where API calls are made directly from the client, eliminating the need for intermediate servers. This approach simplifies the system while maintaining performance.
Parallel request handling enables simultaneous responses from multiple models, while Supabase manages authentication, protected routes, and persistent data storage. The structure is modular, allowing scalability as more models or features are introduced.
09 / IMPACT
Faster AI Evaluation: Users can compare multiple models instantly
Improved Accessibility: Free APIs remove entry barriers
Better Understanding: Side-by-side outputs improve decision-making
10 / LEARNINGS
- 01
Simplicity is key in complex systems like AI tools
- 02
Real-time feedback improves usability significantly
- 03
Parallel processing enhances user experience
- 04
Authentication and persistence are critical for product usability