Bank Ideas Brief

Goal

Build a simple internal Bank Ideas platform where employees can submit, view, and filter improvement ideas.

Requirements

• Create a form for idea title, short description, and category
• Display saved ideas in a feed or card layout
• Add category filtering
• Store ideas in Supabase
• Refresh the page and confirm ideas remain available

Build goal

Build a small internal platform where employees can submit and browse ideas for improving the bank. Keep the first version simple: one form, one ideas feed, and one category filter.

What the app must do

• Submit an idea with a title, short description, and category.
• Show all submitted ideas in a clear feed or card layout.
• Filter ideas by category.
• Store submitted ideas in Supabase.
• Refresh the page and confirm the ideas are still there.

Suggested categories

• Customer Experience
• Operations
• Digital Banking
• AI & Automation
• Employee Experience

Build checklist

1. Create the main Next.js page.
2. Create the idea form.
3. Create a Supabase ideas table.
4. Connect the form submit action to Supabase.
5. Load ideas from Supabase and display them.
6. Add category filter state.
7. Test by adding at least three ideas.

Starter table example

This is only an example table for the exercise. If your app needs different fields later, the table can change.

create table ideas (
  id uuid primary key default gen_random_uuid(),
  title text not null,
  description text not null,
  category text not null,
  created_at timestamptz not null default now()
);

Completion check

• A new idea appears after submission.
• Ideas remain after refresh.
• The category filter changes what is visible.
• The page is understandable to someone seeing it for the first time.