artlu.ai
100 days. 100 features.
Just AI and an internet connection.
day 64/100 · 82 shipped · 18 to go
← all projects
day 9 · mar 26, 2026 · launched

featured Projects + Tag Pool — artlu.ai

"top" pill system for featuring important projects, clickable tag pool in admin form for faster tagging

artlu

two quality-of-life features for artlu.ai.

the "top" pill — a green inline badge that appears before the project name on the title line. marks projects as featured without changing the layout. the pill only shifts the title text on that line; description and tags below stay aligned. works on both desktop table and mobile cards. visitors can filter by "top" in the public view filter bar. toggled per-project from the admin edit form.

clickable tag pool — a row of buttons below the tags input in the admin form. shows all standard tags (ecom, trading, chrome ext, dev tool, artlu, xqboost, ai). click to toggle on/off, updates the comma-separated input above. prevents typos and inconsistent naming. makes tagging fast enough that it actually gets done.

schema change: one new boolean field (featured) on the project document. no migration needed — undefined is falsy, so existing projects default to non-featured.

three files changed: ProjectTable.jsx, PublicView.jsx, ProjectForm.jsx. everything else untouched.

stack

ReactViteFirestoreNetlify
loading repository tree...
← select a file to view