Hi everyone,
I’ve been learning by building a small web app that collects and organizes AI coding tools in one place. The idea is to make it easier to compare tools like code editors, coding assistants, and terminal-based agents based on what they do, who they’re for, and how they differ, and I have also decided to make it completely free for use.
I’m not trying to sell anything, I’m mainly using it as a learning project to practice:
- building a searchable directory,
- structuring data for lots of similar items,
- designing a unique UI for comparison,
- and deciding what information is actually useful to show first.
I’d love feedback on the project from a learning perspective:
- What data fields would be most useful in a directory like this?
- What makes a tool comparison page actually helpful?
- If you’ve built something similar, what architecture or stack choices worked well?
The whole thing was coded in Next.js + Tailwind. The book shelf UI took way longer to properly design as i wanted to make it as unique as possible ( most websites nowadays are boring )
I’m also happy to share what I’ve built so far if that would be useful, Tolop
[link] [comments]



