Boîte à Idées
A turnkey idea box: your customers suggest improvements, vote and track their delivery — from idea to delivery, in full transparency
The live site
Click the preview to open and test Boîte à Idées directly in your browser
web-production-48a53.up.railway.app
Réponse courte
Boîte à Idées is a product-feedback application built by Digit-AI as a demonstrator for a SaaS platform supporting freelancers. Users suggest improvement ideas, vote (one vote per person per idea), comment and track their lifecycle through a visual stepper (New → Under review → In progress → Delivered). An idea can be opened to voting or published in discussion mode, and a code-protected admin mode steers statuses, votability and deletion. The application is a React 18 / Vite 5 single-page app (lucide-react), with no backend: data persists in the browser's storage (shared scope for ideas, personal for votes), with graceful fallback. Deployed on Railway as a mono-service.
Capturing and prioritizing customer feedback
On a SaaS platform, improvement ideas arrive through a thousand channels — and almost all get lost before reaching the roadmap
The goal of this project was twofold: to give the client a single, transparent channel to collect and prioritize their users' ideas, and to demonstrate concretely the build speed that AI enables — a stunning demo, faithful to their brand universe, ready to present in under a day.
Scattered feedback
Suggestions arrive by email, support and word of mouth, with no common place to gather them.
Subjective prioritization
Without a usage signal, it's hard to know which improvement matters most to users.
Lack of transparency
Once an idea is sent, the client has no visibility into whether it's being considered or how it's progressing.
Cost of a real platform
A complete feedback tool (backend, database, accounts) is heavy to set up for a simple demo.
Functional scope
Users of a freelance SaaS platform. Processes covered: idea submission, voting, comments, categorization, filters and sorts, a 4-status lifecycle, votable / discussion distinction, and steering in admin mode.
Key constraints
Demo built in under a day · 100% front, no backend · persistence via window.storage only · no client name hard-coded (white-label) · visual identity faithful to the platform.
What Boîte à Idées solves
Three axes to turn diffuse feedback into an actionable product signal
Centralize ideas
A single entry point where every suggestion is categorized, qualified and visible to the whole community.
Prioritize by voting
Community voting (one vote per idea) and sorting by popularity surface what truly matters.
Make progress visible
The lifecycle stepper and admin mode give the client full transparency, from idea to delivery.
What Boîte à Idées enables
From submitting an idea to tracking it through to delivery, a complete and polished experience
Community voting
Each user votes only once per idea (personal storage). The counter surfaces priorities and feeds the 'most voted' sort.
Votable ideas or discussions
At creation, the author opens the idea to voting or publishes it in discussion mode — dashed border, 'Discussion' badge, comments only.
Lifecycle stepper
A small horizontal stepper shows where each idea stands: New → Under review → In progress → Delivered, with past stages in color.
8 business categories
Accounting, Invoicing, Compensation, Engagements, Wealth, Banking, Dashboard, Other — colored chips and combinable filters (category, status, votability, sort).
Admin mode
Protected by a code: advance the status, toggle votable ↔ discussion and delete an idea. Product steering, with no back-office interface.
Polished micro-interactions
Animated counters (count-up), cascading card appearance, success checkmark, action toasts and illustrated empty states in the spirit of the brand.
Tech stack
A React/Vite single-page app with no backend, whose entire persistence rests on the browser's storage
Frontend
UI & icons
Persistence
Infrastructure
Differentiating pattern — persistence without a backend: all data goes through two scopes of window.storage — shared (ideas and comments, visible to everyone) and personal (the user's votes). Each access is wrapped in try/catch with a default value: the app works from the very first launch and never breaks, with no server or database to operate.
Architecture diagrams
A React SPA served by Railway, whose state lives entirely in browser storage — and the end-to-end lifecycle of an idea
User
Platform customer
Submits, votes on and comments on ideas
Web interface (SPA)
React 18 + Vite 5
List · Form · Detail views
lucide-react
Icons + inline CSS animations
Internal components
IdeaCard · NewIdeaForm
IdeaDetail · StatusStepper
Badge · Toast · Admin modal
Persistence — window.storage
Shared · ideas:all
Ideas + comments, visible to everyone
Personal · votes:mine
1 vote per idea per user
Hosting
Railway
Vite build served via vite preview (mono-service)
What the project demonstrates
A complete client demo, faithful to the brand, delivered in record time
| Indicator | Without Boîte à Idées | With Boîte à Idées | Gain |
|---|---|---|---|
| Feedback collection | Scattered emails and verbatim quotes | A single, structured entry point | Centralized |
| Prioritization | By gut feeling, guesswork | Community voting + sorting by popularity | Data-driven |
| Client transparency | Black box after the suggestion | Visible status (stepper) up to 'Delivered' | Visible |
| Setup | Specs, backend dev, database | Front-end demo ready in under a day | Immediate |
| Operations | Server + database to run and secure | No backend (browser storage) | Reduced |
Qualitative gains
Structured customer listening
Feedback is captured in the right place, categorized and qualified, instead of getting lost in emails and informal exchanges.
Prioritization by usage
Voting surfaces what truly matters to users and objectively feeds the product roadmap.
Trust through transparency
The client sees their idea progress all the way to 'Delivered': the feedback loop is visible, not a black box.
Record time-to-demo
From a structured prompt to a stunning demo in under a day — proof of how fast we build with AI.
Zero infrastructure
No backend or database to operate: all data lives in the browser's storage, with graceful fallback.
Reusable as a white-label
No client name hard-coded: the visual identity and categories can be re-skinned for any platform.
How about we start by talking?
A similar project in mind? Let's take 30 minutes to understand your situation and see how AI can help you build fast. First conversation free and with no commitment.
Discuss a similar project