Building an Interview Scheduler in LiveView: A Newcomer's Journey.
summary
Building an interview availability scheduler in Phoenix LiveView for Multiverse, implemented nested Ecto change sets with cast_assoc change_sets and replaced brittle JS hooks with clearer server-side logic; event handlers shrink dramatically (for example change_time from 73 to 6 lines). Diagrams map complex state (view vs edit, past vs future) and design tweaks disable week navigation during edits to avoid cross-page errors. Latency bugs get fixed by using phx-loading CSS to disable selects. Result: 1,600+ slots added and 1,000+ interviews booked.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:49Why build scheduler
- 3:34Key takeaways
- 5:41Existing availability page
- 7:25Live demo
- 8:06Early struggles
- 11:14Diagrams for state
- 14:47Elixir foundation
- 17:57Simplifying handlers
- 19:00UX design tweaks
- 20:03Latency with CSS
- 21:25Results and future
- 22:32Q&A
related talks
40mThe Power & Performance of Phoenix LiveView
01h 13mKeynote: Phoenix LiveView - Interactive Apps without Javascript
46mThe joy of building your startup with Phoenix LiveView
35mKeynote: Fireside Chat on LiveView, (...)
39mBeyond Liveview: Real Time Features With Liveview
28mLobbying with Elixir: Real-Time LiveView and OTP
24mLiveView and Web Components
01h 05mQ&A with Chris McCord & José Valim