Strategy Fx
A board and project management app, built solo from the database up — a case study in full-stack product engineering, not just a UI exercise.
What It Does
Boards & Columns
Create boards, columns and cards with switchable color and background themes.
Drag & Drop
Reorder cards and columns in place, built on react-beautiful-dnd.
Checklists
Break a card down into checklists with individually tracked items.
Comments
Discuss cards with threaded text comments and syntax-highlighted code snippets.
Voting & Favorites
Members can vote on and favorite cards to surface what matters most.
Projects & Members
Group boards into projects and manage who has access to them.
Authentication
Email + verification-code sign up alongside Google OAuth, via NextAuth.
Theming
Eight selectable color palettes, in both light and dark mode.
Built With
See It In Action
Card detail with code snippets
Switchable board themes
Flexible enough for a workout tracker
In-depth documentation pages
Member dashboard
Project & team management
About This Build
Strategy Fx was designed and built by Brian Francis to work through the hard parts of a real product end-to-end: modeling nested boards/columns/cards/checklists in MongoDB, building a custom email verification-code auth flow alongside Google OAuth, wiring up drag-and-drop state that stays in sync with the server, and theming a Material UI app across eight palettes in light and dark mode.